6.0w+
社区成员
- 全部
- 问答
网站，UI页面有大概 html+css+javascript 一共几千行的代码，看的我都头晕了，请各位前辈指点一下应该怎么学习这么多的代码，怎么消化
本人刚接触UI（css+javascript）过几天就去一家公司上班，其实是PHP工程师，但一开始要做UI方面的。
我刚看了那个网站，UI页面有大概 html+css+javascript 一共几千行的代码，看的我都头晕了，请各位前辈指点一下应该怎么学习这么多的代码，怎么消化。给点指引吧，谢谢
公司网站 http://www.thejamy.com/
我刚看了那个网站，UI页面有大概 html+css+javascript 一共几千行的代码，看的我都头晕了，请各位前辈指点一下应该怎么学习这么多的代码，怎么消化。给点指引吧，谢谢
公司网站 http://www.thejamy.com/
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
yang3wei 2011-04-28
[Quote=引用 8 楼 josiahliangjinzhe 的回复:]
<script type="text/javascript">
var subMenu = {"AA00000000":[{"cate_code":"AAAA000000","cate_depth":"2","title_kr":"\uc0c1\uc758","title_cn":"\u4e0a\u8863","title_en":"Top","color":"","font":""},{"ca……
[/Quote]
楼主这是个js对象，你把它当css赋给table标签？
<script type="text/javascript">
var subMenu = {"AA00000000":[{"cate_code":"AAAA000000","cate_depth":"2","title_kr":"\uc0c1\uc758","title_cn":"\u4e0a\u8863","title_en":"Top","color":"","font":""},{"ca……
[/Quote]
楼主这是个js对象，你把它当css赋给table标签？
itinfm 2011-04-21
如果是IE8浏览器，用开发人员工具，整个页面的结构就出来了！
josiahliangjinzhe 2011-04-20
<script type="text/javascript">
var subMenu = {"AA00000000":[{"cate_code":"AAAA000000","cate_depth":"2","title_kr":"\uc0c1\uc758","title_cn":"\u4e0a\u8863","title_en":"Top","color":"","font":""},{"cate_code":"AAAB000000","cate_depth":"2","title_kr":"\uc678\ud22c","title_cn":"\u5916\u5957","title_en":"outer","color":"","font":""},，，，，
上面这个subMenu如果赋予table 的id 如下的话是什么意思啊？
<table id="subMenu">
ycproc 2011-04-20
从基础学起
碧海情天-赵亮 2011-04-20
去了慢慢学就可以了。不会多问，关键看为人处事态度。
ddcatlee 2011-04-20
這個是 前端 不是 ui
zell419 2011-04-20
[Quote=引用 2 楼 josiahliangjinzhe 的回复:]
<script type="text/javascript">
var subMenu = {"AA00000000":[{"cate_code":"AAAA000000","cate_depth":"2","title_kr":"\uc0c1\uc758","title_cn":"\u4e0a\u8863","title_en":"Top","color":"","font":""},{"c……
[/Quote]
这个是json 会用它就行了 。
<script type="text/javascript">
var subMenu = {"AA00000000":[{"cate_code":"AAAA000000","cate_depth":"2","title_kr":"\uc0c1\uc758","title_cn":"\u4e0a\u8863","title_en":"Top","color":"","font":""},{"c……
[/Quote]
这个是json 会用它就行了 。
hongmei85 2011-04-20
那js就是json了，subMenu相当于一个大的数组或者名值对之类的
josiahliangjinzhe 2011-04-20
<script type="text/javascript">
var subMenu = {"AA00000000":[{"cate_code":"AAAA000000","cate_depth":"2","title_kr":"\uc0c1\uc758","title_cn":"\u4e0a\u8863","title_en":"Top","color":"","font":""},{"cate_code":"AAAB000000","cate_depth":"2","title_kr":"\uc678\ud22c","title_cn":"\u5916\u5957","title_en":"outer","color":"","font":""},{"cate_code":"AAAC000000","cate_depth":"2","title_kr":"\uc6d0\ud53c\uc2a4\/\uc2a4\ucee4\ud2b8","title_cn":"\u8fde\u8863\u88d9\/\u88d9\u5b50","title_en":"ops\/skirts","color":"","font":""},{"cate_code":"AAAD000000","cate_depth":"2","title_kr":"\ubc14\uc9c0","title_cn":"\u88e4\u5b50","title_en":"Pants","color":"","font":""},{"cate_code":"AAAO000000","cate_depth":"2","title_kr":"\uc288\ud2b8","title_cn":"\u5957\u88c5","title_en":"suit","color":"","font":""},{"cate_code":"AAAI000000","cate_depth":"2","title_kr":"\uc790\uccb4\uc81c\uc791 \uc0c1\ud488","title_cn":"\u5236\u4f5c\u5546\u54c1","title_en":"Production","color":"","font":""},{"cate_code":"AAAE000000","cate_depth":"2","title_kr":"\uac00\ubc29","title_cn":"\u5305","title_en":"bag","color":"","font":""},{"cate_code":"AAAF000000","cate_depth":"2","title_kr":"\uc2e0\ubc1c","title_cn":"\u978b","title_en":"shoes","color":"","font":""},{"cate_code":"AAAG000000","cate_depth":"2","title_kr":"\uc545\uc138\uc0ac\ub9ac","title_cn":"\u9970\u54c1","title_en":"Accessories","color":"","font":""},{"cate_code":"AAAH000000","cate_depth":"2","title_kr":"\uae30\ud0c0","title_cn":"\u5176\u4ed6","title_en":"etc","color":"","font":""}],"AB00000000":[{"cate_code":"ABAA000000","cate_depth":"2","title_kr":"\uc0c1\uc758","title_cn":"\u4e0a\u8863","title_en":"top","color":"","font":""},{"cate_code":"ABAB000000","cate_depth":"2","title_kr":"\uc678\ud22c","title_cn":"\u5916\u5957","title_en":"outer","color":"","font":""},{"cate_code":"ABAC000000","cate_depth":"2","title_kr":"\ubc14\uc9c0","title_cn":"\u88e4\u5b50","title_en":"Pants","color":"","font":""},{"cate_code":"ABAJ000000","cate_depth":"2","title_kr":"\uc288\ud2b8","title_cn":"\u5957\u88c5","title_en":"suit","color":"","font":""},{"cate_code":"ABAG000000","cate_depth":"2","title_kr":"\uc81c\uc791\uc0c1\ud488","title_cn":"\u5236\u4f5c\u5546\u54c1","title_en":"Production","color":"","font":""},{"cate_code":"ABAD000000","cate_depth":"2","title_kr":"\uac00\ubc29","title_cn":"\u5305","title_en":"\u5305","color":"","font":""},{"cate_code":"ABAE000000","cate_depth":"2","title_kr":"\uc2e0\ubc1c","title_cn":"\u978b","title_en":"Shoes","color":"","font":""},{"cate_code":"ABAF000000","cate_depth":"2","title_kr":"\uc545\uc138\uc0ac\ub9ac","title_cn":"\u9970\u54c1","title_en":"Accessories","color":"","font":""}],"BG00000000":[{"cate_code":"BGAB000000","cate_depth":"2","title_kr":"\ucee4\ud50c\uc7a0\uc637","title_cn":"\u60c5\u4fa3\u7761\u8863","title_en":"Couples pajamas","color":"","font":""},{"cate_code":"BGAC000000","cate_depth":"2","title_kr":"\uc5ec\uc131\uc7a0\uc637","title_cn":"\u5973\u58eb\u7761\u8863","title_en":"Ms. pajamas","color":"","font":""},{"cate_code":"BGAD000000","cate_depth":"2","title_kr":"\ub0a8\uc790\uc7a0\uc637","title_cn":"\u7537\u58eb\u7761\u8863","title_en":"Men's pajamas","color":"","font":""},{"cate_code":"BGAE000000","cate_depth":"2","title_kr":"\uc5ec\uc544\uc7a0\uc637","title_cn":"\u5973\u5b69\u7761\u8863","title_en":"Girls pajamas","color":"","font":""},{"cate_code":"BGAF000000","cate_depth":"2","title_kr":"\ub0a8\uc544\uc7a0\uc637","title_cn":"\u7537\u5b69\u7761\u8863","title_en":"Boys pajamas","color":"","font":""}],"AD00000000":[{"cate_code":"ADAA000000","cate_depth":"2","title_kr":"\ud1b5\uac00\ubc1c","title_cn":"\u5047\u53d1\u5957","title_en":"wig","color":"","font":""},{"cate_code":"ADAC000000","cate_depth":"2","title_kr":"\ubd99\uc784\uba38\ub9ac","title_cn":"\u7247\u53d1","title_en":"wig","color":"","font":""},{"cate_code":"ADAJ000000","cate_depth":"2","title_kr":"\u81ea\u5236\u7814\u53d1","title_cn":"\u81ea\u5236\u7814\u53d1","title_en":"\u81ea\u5236\u7814\u53d1","color":"","font":""}],"BM00000000":[{"cate_code":"BMAA000000","cate_depth":"2","title_kr":"ashcock","title_cn":"ashcock","title_en":"ashcock","color":"color:red;","font":"font-weight:bold;"},{"cate_code":"BMAB000000","cate_depth":"2","title_kr":"gumzzi","title_cn":"gumzzi","title_en":"gumzzi","color":"color:blue;","font":"font-weight:bold;"},{"cate_code":"BMAP000000","cate_depth":"2","title_kr":"sonyunara","title_cn":"sonyunara","title_en":"sonyunara","color":"color:red;","font":"font-weight:bold;"},{"cate_code":"BMAQ000000","cate_depth":"2","title_kr":"choper","title_cn":"choper","title_en":"choper","color":"color:blue;","font":"font-weight:bold;"}],"BU00000000":[{"cate_code":"BUAA000000","cate_depth":"2","title_kr":"\uc2a4\ud0c0\uc77c\ub8e8","title_cn":"STYLEROO","title_en":"STYLEROO","color":"","font":""}],"BL00000000":[{"cate_code":"BLAB000000","cate_depth":"2","title_kr":"TATE","title_cn":"TATE","title_en":"TATE","color":"color:blue;","font":"font-weight:bold;"},{"cate_code":"BLAC000000","cate_depth":"2","title_kr":"PLASTIC ISLAND","title_cn":"PLASTIC ISLAND","title_en":"PLASTIC ISLAND","color":"color:red;","font":"font-weight:bold;"},{"cate_code":"BLAD000000","cate_depth":"2","title_kr":"NII","title_cn":"NII","title_en":"NII","color":"color:blue;","font":"font-weight:bold;"},{"cate_code":"BLAE000000","cate_depth":"2","title_kr":"vonin","title_cn":"vonin","title_en":"vonin","color":"color:red;","font":"font-weight:bold;"},{"cate_code":"BLAF000000","cate_depth":"2","title_kr":"Olivier's Closet","title_cn":"Olivier's Closet","title_en":"Olivier's Closet","color":"color:blue;","font":"font-weight:bold;"}],"BC00000000":[{"cate_code":"BCAB000000","cate_depth":"2","title_kr":"\uc5ec\uc544\ub3d9\ubcf5","title_cn":"\u5973\u7ae5\u88c5","title_en":"FORGIRL","color":"","font":""},{"cate_code":"BCAC000000","cate_depth":"2","title_kr":"\ub0a8\uc544\ub3d9\ubcf5","title_cn":"\u7537\u7ae5\u88c5","title_en":"FORBOY","color":"","font":""},{"cate_code":"BCAD000000","cate_depth":"2","title_kr":"\uc720\uc544\ubcf5","title_cn":"\u5a74\u513f\u88c5","title_en":"baby","color":"","font":""}]};
</script>
这些 js里的代码是什么意思？怎么看不懂啊？
var subMenu = {"AA00000000":[{"cate_code":"AAAA000000","cate_depth":"2","title_kr":"\uc0c1\uc758","title_cn":"\u4e0a\u8863","title_en":"Top","color":"","font":""},{"cate_code":"AAAB000000","cate_depth":"2","title_kr":"\uc678\ud22c","title_cn":"\u5916\u5957","title_en":"outer","color":"","font":""},{"cate_code":"AAAC000000","cate_depth":"2","title_kr":"\uc6d0\ud53c\uc2a4\/\uc2a4\ucee4\ud2b8","title_cn":"\u8fde\u8863\u88d9\/\u88d9\u5b50","title_en":"ops\/skirts","color":"","font":""},{"cate_code":"AAAD000000","cate_depth":"2","title_kr":"\ubc14\uc9c0","title_cn":"\u88e4\u5b50","title_en":"Pants","color":"","font":""},{"cate_code":"AAAO000000","cate_depth":"2","title_kr":"\uc288\ud2b8","title_cn":"\u5957\u88c5","title_en":"suit","color":"","font":""},{"cate_code":"AAAI000000","cate_depth":"2","title_kr":"\uc790\uccb4\uc81c\uc791 \uc0c1\ud488","title_cn":"\u5236\u4f5c\u5546\u54c1","title_en":"Production","color":"","font":""},{"cate_code":"AAAE000000","cate_depth":"2","title_kr":"\uac00\ubc29","title_cn":"\u5305","title_en":"bag","color":"","font":""},{"cate_code":"AAAF000000","cate_depth":"2","title_kr":"\uc2e0\ubc1c","title_cn":"\u978b","title_en":"shoes","color":"","font":""},{"cate_code":"AAAG000000","cate_depth":"2","title_kr":"\uc545\uc138\uc0ac\ub9ac","title_cn":"\u9970\u54c1","title_en":"Accessories","color":"","font":""},{"cate_code":"AAAH000000","cate_depth":"2","title_kr":"\uae30\ud0c0","title_cn":"\u5176\u4ed6","title_en":"etc","color":"","font":""}],"AB00000000":[{"cate_code":"ABAA000000","cate_depth":"2","title_kr":"\uc0c1\uc758","title_cn":"\u4e0a\u8863","title_en":"top","color":"","font":""},{"cate_code":"ABAB000000","cate_depth":"2","title_kr":"\uc678\ud22c","title_cn":"\u5916\u5957","title_en":"outer","color":"","font":""},{"cate_code":"ABAC000000","cate_depth":"2","title_kr":"\ubc14\uc9c0","title_cn":"\u88e4\u5b50","title_en":"Pants","color":"","font":""},{"cate_code":"ABAJ000000","cate_depth":"2","title_kr":"\uc288\ud2b8","title_cn":"\u5957\u88c5","title_en":"suit","color":"","font":""},{"cate_code":"ABAG000000","cate_depth":"2","title_kr":"\uc81c\uc791\uc0c1\ud488","title_cn":"\u5236\u4f5c\u5546\u54c1","title_en":"Production","color":"","font":""},{"cate_code":"ABAD000000","cate_depth":"2","title_kr":"\uac00\ubc29","title_cn":"\u5305","title_en":"\u5305","color":"","font":""},{"cate_code":"ABAE000000","cate_depth":"2","title_kr":"\uc2e0\ubc1c","title_cn":"\u978b","title_en":"Shoes","color":"","font":""},{"cate_code":"ABAF000000","cate_depth":"2","title_kr":"\uc545\uc138\uc0ac\ub9ac","title_cn":"\u9970\u54c1","title_en":"Accessories","color":"","font":""}],"BG00000000":[{"cate_code":"BGAB000000","cate_depth":"2","title_kr":"\ucee4\ud50c\uc7a0\uc637","title_cn":"\u60c5\u4fa3\u7761\u8863","title_en":"Couples pajamas","color":"","font":""},{"cate_code":"BGAC000000","cate_depth":"2","title_kr":"\uc5ec\uc131\uc7a0\uc637","title_cn":"\u5973\u58eb\u7761\u8863","title_en":"Ms. pajamas","color":"","font":""},{"cate_code":"BGAD000000","cate_depth":"2","title_kr":"\ub0a8\uc790\uc7a0\uc637","title_cn":"\u7537\u58eb\u7761\u8863","title_en":"Men's pajamas","color":"","font":""},{"cate_code":"BGAE000000","cate_depth":"2","title_kr":"\uc5ec\uc544\uc7a0\uc637","title_cn":"\u5973\u5b69\u7761\u8863","title_en":"Girls pajamas","color":"","font":""},{"cate_code":"BGAF000000","cate_depth":"2","title_kr":"\ub0a8\uc544\uc7a0\uc637","title_cn":"\u7537\u5b69\u7761\u8863","title_en":"Boys pajamas","color":"","font":""}],"AD00000000":[{"cate_code":"ADAA000000","cate_depth":"2","title_kr":"\ud1b5\uac00\ubc1c","title_cn":"\u5047\u53d1\u5957","title_en":"wig","color":"","font":""},{"cate_code":"ADAC000000","cate_depth":"2","title_kr":"\ubd99\uc784\uba38\ub9ac","title_cn":"\u7247\u53d1","title_en":"wig","color":"","font":""},{"cate_code":"ADAJ000000","cate_depth":"2","title_kr":"\u81ea\u5236\u7814\u53d1","title_cn":"\u81ea\u5236\u7814\u53d1","title_en":"\u81ea\u5236\u7814\u53d1","color":"","font":""}],"BM00000000":[{"cate_code":"BMAA000000","cate_depth":"2","title_kr":"ashcock","title_cn":"ashcock","title_en":"ashcock","color":"color:red;","font":"font-weight:bold;"},{"cate_code":"BMAB000000","cate_depth":"2","title_kr":"gumzzi","title_cn":"gumzzi","title_en":"gumzzi","color":"color:blue;","font":"font-weight:bold;"},{"cate_code":"BMAP000000","cate_depth":"2","title_kr":"sonyunara","title_cn":"sonyunara","title_en":"sonyunara","color":"color:red;","font":"font-weight:bold;"},{"cate_code":"BMAQ000000","cate_depth":"2","title_kr":"choper","title_cn":"choper","title_en":"choper","color":"color:blue;","font":"font-weight:bold;"}],"BU00000000":[{"cate_code":"BUAA000000","cate_depth":"2","title_kr":"\uc2a4\ud0c0\uc77c\ub8e8","title_cn":"STYLEROO","title_en":"STYLEROO","color":"","font":""}],"BL00000000":[{"cate_code":"BLAB000000","cate_depth":"2","title_kr":"TATE","title_cn":"TATE","title_en":"TATE","color":"color:blue;","font":"font-weight:bold;"},{"cate_code":"BLAC000000","cate_depth":"2","title_kr":"PLASTIC ISLAND","title_cn":"PLASTIC ISLAND","title_en":"PLASTIC ISLAND","color":"color:red;","font":"font-weight:bold;"},{"cate_code":"BLAD000000","cate_depth":"2","title_kr":"NII","title_cn":"NII","title_en":"NII","color":"color:blue;","font":"font-weight:bold;"},{"cate_code":"BLAE000000","cate_depth":"2","title_kr":"vonin","title_cn":"vonin","title_en":"vonin","color":"color:red;","font":"font-weight:bold;"},{"cate_code":"BLAF000000","cate_depth":"2","title_kr":"Olivier's Closet","title_cn":"Olivier's Closet","title_en":"Olivier's Closet","color":"color:blue;","font":"font-weight:bold;"}],"BC00000000":[{"cate_code":"BCAB000000","cate_depth":"2","title_kr":"\uc5ec\uc544\ub3d9\ubcf5","title_cn":"\u5973\u7ae5\u88c5","title_en":"FORGIRL","color":"","font":""},{"cate_code":"BCAC000000","cate_depth":"2","title_kr":"\ub0a8\uc544\ub3d9\ubcf5","title_cn":"\u7537\u7ae5\u88c5","title_en":"FORBOY","color":"","font":""},{"cate_code":"BCAD000000","cate_depth":"2","title_kr":"\uc720\uc544\ubcf5","title_cn":"\u5a74\u513f\u88c5","title_en":"baby","color":"","font":""}]};
</script>
这些 js里的代码是什么意思？怎么看不懂啊？
o0cheer0o 2011-04-20
分成块，一块一块来吧，加油
KeepMoving 2011-04-20
一切从基础学起！不要急！
56个网站模板合集（HTML+CSS+JavaScript） 56个网站模板合集:Bootstrap Metro UI CSS 布局实例模板,Bootstrap3响应式后台管理系统模板Detail,Bootstrap后台管理系统登陆模板页面,Metro风格手机网站模板HTML5+CSS3模板JCMobile,超级大气漂亮的响应式Bootstrap3...
bootstrap模板，WEB后台管理系统静态页面，响应式布局，包含多种组件，html+css+js bootstrap模板，WEB后台管理系统静态页面，响应式布局，包含多种组件，html+css+js
html+CSS+js+VUE+element+java后台项目示例 包含html-CSS-javascript-vue-element等多项基础知识课件详解，为web开发提供基础技术。并包含一个web项目的示例代码，利于掌握Java后台和前端的程序设计流程。
JQuery+CSS&CSS;+DIV实例大全(各种前端超级实用组件) 只要你是学习或者做前端开发的,肯定需要,几百种前端实例,帮助你轻松实现各种漂亮的组件! 一、J Query实例大全 1)AjaxJavaScript资源 1.JS+CSS仿腾讯QQ首页搜索框无刷新换肤效果代码 2.js+css简单后台二级树形...
HTML5+CSS3 快速入门 前端 源代码.rar 本课程由有着多年实战开发的资深web前端开发工程师朱朝兵老师为大家录制，从html5+css3基础知识，到实战案例分析，实际操作，均有详细讲解。 1.课程简介07:40 2.什么是HTML510:02 3.认识新的网页结构05:22 4.article...
H+UI页面模板 （非真）页面模板，988元官方购买的 H+是一个完全响应式，基于Bootstrap3.3.7最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术，她提供了诸多的强大的可以重新组合的UI组件，并...
网页设计与制作项目教程（HTML+CSS+JavaScript）-教学大纲_网页设计与制作项目教程课后答案 博学谷让IT教学更简单让IT学习更有效 网页设计与制作项目教程HTML+CSS+JavaScript课程教学大纲 课程英文名称 课程编号 学 分5学分 学 时76学时 其中讲课学时50学时 上机学时26学时 先修课程计算机基础计算机网络...
