[关闭]
@2890594972 2017-10-22T05:01:02.000000Z 字数 6934 阅读 742

考题管理-左侧菜单分析-大象

考题系统


实现:无限极树形菜单

排版布局
1、树形菜单排版布局
2、可创意不同的树形菜单UI效果
3、可借鉴网上的树形菜单UI效果
4、JS动态生成
5、数据格式已经提供,在底部
 

!!!可以尝试挑战
1、定义无限极菜单数据结构
2、分析DOM结构,通过jquery爬页面数据
3、拓展jquery插件,实现数据爬取封装

图标

可以到阿里巴巴图标库找: http://www.iconfont.cn/

需求说明

按章节或者按知识点出题
需求来源: http://www.xiangpi.com/zujuan/1/1-3/

+听力
+词汇
+语法
 -名词
  可数名词及其单复数
  不可数名词
  专有名词
  集合名词
  名词所有格
  名词
 +冠词
 +数词
+情景交际
 -日常用语、谚语
 -情景交际
+阅读能力
+翻译能力
+写作能力

效果图如下

效果图
 

数据提供

  1. var data = [{
  2. "id": 3066,
  3. "title": "听力",
  4. "children": [{
  5. "id": 3067,
  6. "title": "听力",
  7. "children": []
  8. }]
  9. }, {
  10. "id": 3068,
  11. "title": "词汇",
  12. "children": [{
  13. "id": 3069,
  14. "title": "单词、词组",
  15. "children": []
  16. }, {
  17. "id": 3070,
  18. "title": "语音",
  19. "children": []
  20. }]
  21. }, {
  22. "id": 3071,
  23. "title": "语法",
  24. "children": [{
  25. "id": 3072,
  26. "title": "名词",
  27. "children": [{
  28. "id": 3073,
  29. "title": "可数名词及其单复数",
  30. "children": []
  31. }, {
  32. "id": 3074,
  33. "title": "不可数名词",
  34. "children": []
  35. }, {
  36. "id": 3075,
  37. "title": "专有名词",
  38. "children": []
  39. }, {
  40. "id": 3076,
  41. "title": "集合名词",
  42. "children": []
  43. }, {
  44. "id": 3077,
  45. "title": "名词所有格",
  46. "children": []
  47. }, {
  48. "id": 3078,
  49. "title": "名词",
  50. "children": []
  51. }]
  52. }, {
  53. "id": 3079,
  54. "title": "冠词",
  55. "children": [{
  56. "id": 3080,
  57. "title": "不定冠词",
  58. "children": []
  59. }, {
  60. "id": 3081,
  61. "title": "定冠词",
  62. "children": []
  63. }, {
  64. "id": 3082,
  65. "title": "零冠词",
  66. "children": []
  67. }]
  68. }, {
  69. "id": 3083,
  70. "title": "数词",
  71. "children": [{
  72. "id": 3084,
  73. "title": "基数词",
  74. "children": []
  75. }, {
  76. "id": 3085,
  77. "title": "序数词",
  78. "children": []
  79. }, {
  80. "id": 3086,
  81. "title": "小数",
  82. "children": []
  83. }, {
  84. "id": 3087,
  85. "title": "分数",
  86. "children": []
  87. }]
  88. }, {
  89. "id": 3088,
  90. "title": "量词",
  91. "children": [{
  92. "id": 3089,
  93. "title": "量词",
  94. "children": []
  95. }]
  96. }, {
  97. "id": 3090,
  98. "title": "代词",
  99. "children": [{
  100. "id": 3091,
  101. "title": "人称代词",
  102. "children": []
  103. }, {
  104. "id": 3092,
  105. "title": "物主代词",
  106. "children": []
  107. }, {
  108. "id": 3093,
  109. "title": "反身代词",
  110. "children": []
  111. }, {
  112. "id": 3094,
  113. "title": "相互代词",
  114. "children": []
  115. }, {
  116. "id": 3095,
  117. "title": "指示代词",
  118. "children": []
  119. }, {
  120. "id": 3096,
  121. "title": "疑问代词",
  122. "children": []
  123. }, {
  124. "id": 3097,
  125. "title": "不定代词",
  126. "children": []
  127. }, {
  128. "id": 3098,
  129. "title": "连接代词",
  130. "children": []
  131. }, {
  132. "id": 3099,
  133. "title": "关系代词",
  134. "children": []
  135. }]
  136. }, {
  137. "id": 3100,
  138. "title": "形容词",
  139. "children": [{
  140. "id": 3101,
  141. "title": "形容词的比较级",
  142. "children": []
  143. }, {
  144. "id": 3102,
  145. "title": "形容词的最高级",
  146. "children": []
  147. }, {
  148. "id": 3103,
  149. "title": "形容词的排序",
  150. "children": []
  151. }, {
  152. "id": 3104,
  153. "title": "形容词",
  154. "children": []
  155. }]
  156. }, {
  157. "id": 3105,
  158. "title": "副词",
  159. "children": [{
  160. "id": 3106,
  161. "title": "副词的比较级",
  162. "children": []
  163. }, {
  164. "id": 3107,
  165. "title": "副词的最高级",
  166. "children": []
  167. }, {
  168. "id": 3108,
  169. "title": "时间副词",
  170. "children": []
  171. }, {
  172. "id": 3109,
  173. "title": "地点副词",
  174. "children": []
  175. }, {
  176. "id": 3110,
  177. "title": "方式副词",
  178. "children": []
  179. }, {
  180. "id": 3111,
  181. "title": "程度副词",
  182. "children": []
  183. }, {
  184. "id": 3112,
  185. "title": "疑问副词",
  186. "children": []
  187. }, {
  188. "id": 3113,
  189. "title": "频度副词",
  190. "children": []
  191. }, {
  192. "id": 3114,
  193. "title": "连接副词",
  194. "children": []
  195. }, {
  196. "id": 3115,
  197. "title": "关系副词",
  198. "children": []
  199. }, {
  200. "id": 3116,
  201. "title": "副词",
  202. "children": []
  203. }]
  204. }, {
  205. "id": 3117,
  206. "title": "介词和介词短语",
  207. "children": [{
  208. "id": 3118,
  209. "title": "介词和介词短语",
  210. "children": []
  211. }]
  212. }, {
  213. "id": 3119,
  214. "title": "连词",
  215. "children": [{
  216. "id": 3120,
  217. "title": "并列连词",
  218. "children": []
  219. }, {
  220. "id": 3121,
  221. "title": "从属连词",
  222. "children": []
  223. }]
  224. }, {
  225. "id": 3122,
  226. "title": "动词",
  227. "children": [{
  228. "id": 3123,
  229. "title": "动词的第三人称单数",
  230. "children": []
  231. }, {
  232. "id": 3124,
  233. "title": "动词的过去式",
  234. "children": []
  235. }, {
  236. "id": 3125,
  237. "title": "动词的现在分词",
  238. "children": []
  239. }, {
  240. "id": 3126,
  241. "title": "动词的过去分词",
  242. "children": []
  243. }, {
  244. "id": 3127,
  245. "title": "系动词",
  246. "children": []
  247. }, {
  248. "id": 3128,
  249. "title": "情态动词",
  250. "children": []
  251. }, {
  252. "id": 3129,
  253. "title": "助动词",
  254. "children": []
  255. }, {
  256. "id": 3130,
  257. "title": "动词短语",
  258. "children": []
  259. }, {
  260. "id": 3131,
  261. "title": "动词",
  262. "children": []
  263. }]
  264. }, {
  265. "id": 3132,
  266. "title": "非谓语动词",
  267. "children": [{
  268. "id": 3133,
  269. "title": "现在分词的被动式",
  270. "children": []
  271. }, {
  272. "id": 3134,
  273. "title": "现在分词的完成式",
  274. "children": []
  275. }, {
  276. "id": 3135,
  277. "title": "现在分词",
  278. "children": []
  279. }, {
  280. "id": 3136,
  281. "title": "动名词的完成式",
  282. "children": []
  283. }, {
  284. "id": 3137,
  285. "title": "动名词的被动式",
  286. "children": []
  287. }, {
  288. "id": 3138,
  289. "title": "动名词",
  290. "children": []
  291. }, {
  292. "id": 3139,
  293. "title": "不定式的完成式",
  294. "children": []
  295. }, {
  296. "id": 3140,
  297. "title": "不定式的被动式",
  298. "children": []
  299. }, {
  300. "id": 3141,
  301. "title": "不定式的进行式",
  302. "children": []
  303. }, {
  304. "id": 3142,
  305. "title": "不定式",
  306. "children": []
  307. }, {
  308. "id": 3143,
  309. "title": "过去分词",
  310. "children": []
  311. }]
  312. }, {
  313. "id": 3144,
  314. "title": "时态",
  315. "children": [{
  316. "id": 3145,
  317. "title": "一般现在时",
  318. "children": []
  319. }, {
  320. "id": 3146,
  321. "title": "一般过去时",
  322. "children": []
  323. }, {
  324. "id": 3147,
  325. "title": "一般将来时",
  326. "children": []
  327. }, {
  328. "id": 3148,
  329. "title": "现在进行时",
  330. "children": []
  331. }, {
  332. "id": 3149,
  333. "title": "过去进行时",
  334. "children": []
  335. }, {
  336. "id": 3150,
  337. "title": "过去将来时",
  338. "children": []
  339. }, {
  340. "id": 3151,
  341. "title": "将来进行时",
  342. "children": []
  343. }, {
  344. "id": 3152,
  345. "title": "现在完成时",
  346. "children": []
  347. }, {
  348. "id": 3153,
  349. "title": "过去完成时",
  350. "children": []
  351. }, {
  352. "id": 3154,
  353. "title": "现在完成进行时",
  354. "children": []
  355. }, {
  356. "id": 3155,
  357. "title": "将来完成时",
  358. "children": []
  359. }, {
  360. "id": 3156,
  361. "title": "过去完成进行时",
  362. "children": []
  363. }]
  364. }, {
  365. "id": 3157,
  366. "title": "被动语态",
  367. "children": [{
  368. "id": 3158,
  369. "title": "一般将来时的被动语态",
  370. "children": []
  371. }, {
  372. "id": 3159,
  373. "title": "现在完成时的被动语态",
  374. "children": []
  375. }, {
  376. "id": 3160,
  377. "title": "现在进行时的被动语态",
  378. "children": []
  379. }, {
  380. "id": 3161,
  381. "title": "一般过去时的被动语态",
  382. "children": []
  383. }, {
  384. "id": 3162,
  385. "title": "过去完成时的被动语态",
  386. "children": []
  387. }, {
  388. "id": 3163,
  389. "title": "一般现在时的被动语态",
  390. "children": []
  391. }, {
  392. "id": 3164,
  393. "title": "过去进行时的被动语态",
  394. "children": []
  395. }, {
  396. "id": 3165,
  397. "title": "将来完成时的被动语态",
  398. "children": []
  399. }, {
  400. "id": 3166,
  401. "title": "过去将来时的被动语态",
  402. "children": []
  403. }]
  404. }, {
  405. "id": 3167,
  406. "title": "句子",
  407. "children": [{
  408. "id": 3168,
  409. "title": "肯定句",
  410. "children": []
  411. }, {
  412. "id": 3169,
  413. "title": "全部否定",
  414. "children": []
  415. }, {
  416. "id": 3170,
  417. "title": "部分否定",
  418. "children": []
  419. }, {
  420. "id": 3171,
  421. "title": "一般疑问句",
  422. "children": []
  423. }, {
  424. "id": 3172,
  425. "title": "特殊疑问句",
  426. "children": []
  427. }, {
  428. "id": 3173,
  429. "title": "选择疑问句",
  430. "children": []
  431. }, {
  432. "id": 3174,
  433. "title": "反意疑问句",
  434. "children": []
  435. }, {
  436. "id": 3175,
  437. "title": "祈使句",
  438. "children": []
  439. }, {
  440. "id": 3176,
  441. "title": "感叹句",
  442. "children": []
  443. }, {
  444. "id": 3177,
  445. "title": "状语从句",
  446. "children": []
  447. }, {
  448. "id": 3178,
  449. "title": "限制性定语从句",
  450. "children": []
  451. }, {
  452. "id": 3179,
  453. "title": "非限制性定语从句",
  454. "children": []
  455. }, {
  456. "id": 3180,
  457. "title": "主语从句",
  458. "children": []
  459. }, {
  460. "id": 3181,
  461. "title": "宾语从句",
  462. "children": []
  463. }, {
  464. "id": 3182,
  465. "title": "表语从句",
  466. "children": []
  467. }, {
  468. "id": 3183,
  469. "title": "同位语从句",
  470. "children": []
  471. }, {
  472. "id": 3184,
  473. "title": "全部倒装",
  474. "children": []
  475. }, {
  476. "id": 3185,
  477. "title": "部分倒装",
  478. "children": []
  479. }, {
  480. "id": 3186,
  481. "title": "强调句",
  482. "children": []
  483. }, {
  484. "id": 3187,
  485. "title": "省略句",
  486. "children": []
  487. }, {
  488. "id": 3188,
  489. "title": "插入语",
  490. "children": []
  491. }, {
  492. "id": 3189,
  493. "title": "it 的用法",
  494. "children": []
  495. }, {
  496. "id": 3190,
  497. "title": "there be 句型",
  498. "children": []
  499. }, {
  500. "id": 3191,
  501. "title": "主谓一致",
  502. "children": []
  503. }, {
  504. "id": 3192,
  505. "title": "虚拟语气",
  506. "children": []
  507. }, {
  508. "id": 3193,
  509. "title": "独立主格结构",
  510. "children": []
  511. }, {
  512. "id": 3194,
  513. "title": "直接引语与间接引语",
  514. "children": []
  515. }, {
  516. "id": 3195,
  517. "title": "反诘句",
  518. "children": []
  519. }]
  520. }, {
  521. "id": 3196,
  522. "title": "构词法",
  523. "children": [{
  524. "id": 3197,
  525. "title": "合成法",
  526. "children": []
  527. }, {
  528. "id": 3198,
  529. "title": "派生法",
  530. "children": []
  531. }, {
  532. "id": 3199,
  533. "title": "转化法",
  534. "children": []
  535. }, {
  536. "id": 3200,
  537. "title": "缩写与简写",
  538. "children": []
  539. }]
  540. }]
  541. }, {
  542. "id": 3201,
  543. "title": "情景交际",
  544. "children": [{
  545. "id": 3202,
  546. "title": "日常用语、谚语",
  547. "children": []
  548. }, {
  549. "id": 3203,
  550. "title": "情景交际",
  551. "children": []
  552. }]
  553. }, {
  554. "id": 3204,
  555. "title": "阅读能力",
  556. "children": [{
  557. "id": 3205,
  558. "title": "人物传记类阅读",
  559. "children": []
  560. }, {
  561. "id": 3206,
  562. "title": "故事类阅读",
  563. "children": []
  564. }, {
  565. "id": 3207,
  566. "title": "广告布告类阅读",
  567. "children": []
  568. }, {
  569. "id": 3208,
  570. "title": "新闻报道类阅读",
  571. "children": []
  572. }, {
  573. "id": 3209,
  574. "title": "科教类阅读",
  575. "children": []
  576. }, {
  577. "id": 3210,
  578. "title": "社会现象类阅读",
  579. "children": []
  580. }, {
  581. "id": 3211,
  582. "title": "政治经济类阅读",
  583. "children": []
  584. }, {
  585. "id": 3212,
  586. "title": "历史文化类阅读",
  587. "children": []
  588. }, {
  589. "id": 3213,
  590. "title": "日常生活类阅读",
  591. "children": []
  592. }, {
  593. "id": 3214,
  594. "title": "健康环保类阅读",
  595. "children": []
  596. }, {
  597. "id": 3215,
  598. "title": "人生感悟类阅读",
  599. "children": []
  600. }]
  601. }, {
  602. "id": 3216,
  603. "title": "翻译能力",
  604. "children": [{
  605. "id": 3217,
  606. "title": "翻译能力",
  607. "children": []
  608. }]
  609. }, {
  610. "id": 3218,
  611. "title": "写作能力",
  612. "children": [{
  613. "id": 3219,
  614. "title": "小作文",
  615. "children": []
  616. }, {
  617. "id": 3220,
  618. "title": "大作文",
  619. "children": [{
  620. "id": 3221,
  621. "title": "提纲作文",
  622. "children": []
  623. }, {
  624. "id": 3222,
  625. "title": "图表作文",
  626. "children": []
  627. }, {
  628. "id": 3223,
  629. "title": "图画作文",
  630. "children": []
  631. }]
  632. }]
  633. }]
添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注