- 博客(2)
- 资源 (12)
- 收藏
- 关注
转载 Backbone.js 简易入门教程
因为最近的工作中使用到了backbone.js框架,所以在网上找了些资料,但是关于这个框架的中文资料实在是太少了,没有办法,只好自己翻译了壹篇简单的入门教材。如果翻译得不好,请大家口下留情。另外,大家也可以签出 Agility.js 的代码,它也是壹个用于替代Backbone.js的壹个简单框架。这是壹个简单的 Backbone.js 教程,由不言自明的"Hello World"到日益复杂的例子组
2014-03-25 23:26:07 8599
web前端开发规范.docx
现阶段国内web前端开发招聘职位描述就可见,国内对web前端开发认识有多混乱。正是由于鲜有人去极积主动制定一些规范。。这个文档正好为规范团队合作及规范前端人员开发提供了指导性规范及意见!
2012-09-20
js实现精致折叠菜单
<head>
<SCRIPT src="images/tree_naviIndex.js" type=text/javascript></SCRIPT>
<style>
#mainLeft {
FONT-SIZE: 12px; FLOAT: left; WIDTH: 218px; HEIGHT: auto; BACKGROUND-COLOR: #f2f6fb;padding:10px 0px 10px 5px;margin:0px;
}
#mainLeft li A {
width:150px;
COLOR: #263d4f;
TEXT-DECORATION: none;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
#mainLeft li A:hover {
COLOR: #ff6500; TEXT-DECORATION: underline
}
#mainLeft UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#mainLeft UL LI {
MARGIN: 0px; LIST-STYLE-TYPE: none
}
#mainLeft ul li:not(p) {
clear: both;
}
#mainLeft ul li:not(p) a {
max-width:130px;
float: left;
}
#mainLeft ul li:not(p):after {
content: "...";
float: left;
width: 10px;
padding-left:2px;
color: #000;
}
</style>
</head>
<body>
<DIV id=mainLeft>
<DIV id=room0><IMG src="images/root.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/">技术论坛首页</A> </DIV>
<DIV id=room5><IMG id=minus_5 onclick=showRoom(5);
src="images/_minus1.gif" align=absMiddle><IMG id=folderOpen_5
src="images/folderopen.gif" align=absMiddle> <A
onclick=showRoom(5); href="#">磁性元器件研发及应用技术区</A></DIV>
<DIV id=file5 style="DISPLAY: block">
<UL>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/index.asp?boardid=118">电源供应器技术</A>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/index.asp?boardid=104">电子变压器技术</A>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/index.asp?boardid=115">电感与线圈技术</A>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/index.asp?boardid=116">磁性材料、配件、辅助材料技术</A>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/index.asp?boardid=141">生产、品质、制程与企业管理</A>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line2.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/index.asp?boardid=120">紧急求助区</A> </LI>
</UL>
</DIV>
<DIV id=room10><IMG id=minus_10 onclick=showRoom(10);
src="images/_minus1.gif" align=absMiddle><IMG id=folderOpen_10
src="images/folderopen.gif" align=absMiddle> <A
onclick=showRoom(10); href="#">资料上传下载区</A></DIV>
<DIV id=file10 style="DISPLAY: block">
<UL>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/index.asp?boardid=106">电源供应器资料</A>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/index.asp?boardid=117">电子变压器资料</A>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/index.asp?boardid=119">电感与线圈资料</A>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/index.asp?boardid=134">磁性材料与配件、辅助材料资料</A>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/index.asp?boardid=135">安规、标准资料</A>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/index.asp?boardid=142">生产、品质、制程与企业管理资料</A>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/index.asp?boardid=144">磁性元器件应用领域资料</A>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line2.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/index.asp?boardid=143">电子工程师必备知识</A> </LI>
</UL>
</DIV>
<DIV id=room6><IMG
src="images/_minus1.gif" name="minus_6" align=absMiddle id=minus_6 onclick=showRoom(6);><IMG
src="images/folderopen.gif" name="folderOpen_6" align=absMiddle id=folderOpen_6> <A
onclick=showRoom(6); href="#">原创精华帖展示区</A></DIV>
<DIV id=file6 style="DISPLAY: block">
<UL>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/index.asp?boardid=137">电源供应器精华<SPAN
style="COLOR: #ff6500">[新]</SPAN></A>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/index.asp?boardid=138">电子变压器精华<SPAN
style="COLOR: #ff6500">[新]</SPAN></A>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/index.asp?boardid=139">电感与线圈精华<SPAN
style="COLOR: #ff6500">[新]</SPAN></A>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line2.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/index.asp?boardid=140" target=_blank>磁性材料精华<SPAN
style="COLOR: #ff6500">[新]</SPAN></A> </LI>
</UL>
</DIV>
<DIV id=room3><IMG id=plus_3 onclick=showRoom(3);
src="images/_plus1.gif" align=absMiddle><IMG id=folder_3
src="images/folder.gif" align=absMiddle> <A
onclick=showRoom(3); href="#">休闲灌水</A></DIV>
<DIV id=file3 style="DISPLAY:none">
<UL>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/index.asp?boardid=131">企业评说</A>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/index.asp?boardid=128">市场讨论</A>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/index.asp?boardid=110">职场心情</A>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/index.asp?boardid=109">自由天空</A>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line2.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/index.asp?boardid=133">供求合作</A> </LI>
</UL>
</DIV>
<DIV id=room7><IMG
src="images/_minus1.gif" name="minus_7" align=absMiddle id=minus_7 onclick=showRoom(7);><IMG
src="images/folderopen.gif" name="folderOpen_7" width="16" height="16" align=absMiddle id=folderOpen_7> <A
onclick=showRoom(7); href="#">站务管理</A></DIV>
<DIV id=file7 style="DISPLAY: block">
<UL>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/dispbbs.asp?boardid=108&ID=43359">重要通知</A> </LI>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/dispbbs.asp?boardid=108&ID=38376">积分奖品兑换帖(修改)</A> </LI>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/dispbbs.asp?boardid=108&ID=32595">收集建议</A> </LI>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/dispbbs.asp?boardid=108&ID=38989">大比特论坛诚征版主!</A> </LI>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/dispbbs.asp?boardid=108&ID=44187">论坛版面调整和相关功能完善公告</A> </LI>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/dispbbs.asp?boardid=108&ID=49020">有关上传附件容量公告</A> </LI>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/dispbbs.asp?boardid=108&ID=37757">大比特论坛版主的权利与职责</A> </LI>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line1.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/dispbbs.asp?boardid=108&ID=43627">关于恶意刷分取消兑奖的公示</A> </LI>
<LI><IMG src="images/_line4.gif" align=absMiddle><IMG
src="images/_line2.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/dispbbs.asp?boardid=108&ID=37758">版主奖罚制度</A> </LI>
</UL>
</DIV>
<DIV id=file8>
<UL>
<LI><IMG src="images/_line2.gif" align=absMiddle><IMG
src="images/file.gif" align=absMiddle> <A
href="http://bbs.big-bit.com/dispbbs.asp?boardid=108&ID=32595">建议信箱区</A> </LI>
</UL>
</DIV>
</DIV>
</body>
实现二级树状菜单,兼容性好。
2010-07-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人