html5精妙代码.docx

1、html5精妙代码12Download Your Expense Report123456789101112131415161718192021222324252627282930313233343536373839Your WebsiteYour menuArticle titlePosted on September 4th 2009 by Writer - 6 commentsPellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.Article titleP

2、osted on September 4th 2009 by Writer - 6 commentsPellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.About sectionDonec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.Copyright 2009 Your name.HTML5页面结构（见上）

3、同一页面显示简洁TABfunction nTabs(thisObj,Num)if(thisObj.className = active)return;var tabObj = thisObj.parentNode.id;var tabList = document.getElementById(tabObj).getElementsByTagName(li);for(i=0; i tabList.length; i+) if (i = Num) thisObj.className = active; document.getElementById(tabObj+_Content+i).styl

4、e.display = block; else tabListi.className = normal; document.getElementById(tabObj+_Content+i).style.display = none; ASP PHP 同一页面，滑动门，选项卡同在 兼容性好 QQ下拉折叠菜单仿QQ的下拉折叠菜单body font-size: 76%#list width: 250px; border-top: 1px solid #000#list dt text-align: center; font-weight: bold; color: #779; padding: 5

5、px; cursor: pointer; background: #cce; border-width: 0 1px 1px 1px; border-color: #333; border-style: solid#list dd margin-left: 0; display: none; padding: 20px; border-width: 0 1px 1px 1px; border-color: #333; border-style: solid#list dd.vis display: blockh2 font-weight: bold; font-size: 1.2emp mar

6、gin-left: 15px; color: #666 function all (arr, func) for (var i=0,a; a = arr i; i+) func (a); function show (event) var e = event | window.event; var src = e.srcElement | e.target; defins = document.getElementById (list).getElementsByTagName (dd); all (defins, function (d) if (d.className != ) d.cla

7、ssName = ;); nextSib = src.nextSibling; while (nextSib.nodeType != 1) nextSib = nextSib.nextSibling; nextSib.className = vis; function init () titles = document.getElementById (list).getElementsByTagName (dt); all (titles, function (t) t.onclick = show); window.onload = init; 星期一 星期一开始了 忙碌的一周又开始了，朋友

8、你预备好了吗？ 星期二 星期二怎么样呢？ 是不是开始放松自己了呢？ 星期三 听人说： 过了星期三，一天快一天！ 星期四 研究一下AJAX 预备把网站加进AJAX 星期五 明天就要解放了！ 真是兴奋，可以和老婆在一起了！期盼啊。 折叠菜单 同一页显示另类的折叠菜单function menu(x,y)for(var i=0;ix.length;i+)if(xi.style.display=)xi.style.display=none;y.src=elsexi.style.display=;y.src= 模板无忧 ASP源代码 模板无忧精选的ASP源代码，经过测试，放心下载。 PHP源代码 PHP源

9、代码，欢迎来到 照片滚动图片滚动var speed=30;marquee_product2.innerHTML=marquee_product1.innerHTML;function Marquee()if(marquee_demo.scrollLeft=marquee_product1.scrollWidth)marquee_demo.scrollLeft=0;elsemarquee_demo.scrollLeft+;var MyMar=setInterval(Marquee,speed);marquee_demo.onmouseover=function()clearInterval(My

10、Mar);marquee_demo.onmouseout=function()MyMar=setInterval(Marquee,speed);经典图片切换经典的图片幻灯.d1width:443px;height:auto;overflow:hidden;border:#666666 1px solid;background-color:#000000;position:relative;.loadingwidth:443px;border:#666666 1px solid;background-color:#000000;color:#FFCC00;font-size:12px;heigh

11、t:179px;text-align:center;padding-top:30px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;.d2width:100%;height:209px;overflow:hidden;.num_listposition:absolute;width:100%;left:0px;bottom:-1px;background-color:#000000;color:#FFFFFF;font-size:12px;padding:4px 0px;height:20px;overfl

12、ow:hidden;.num_list spandisplay:inline-block;height:16px;padding-left:6px;imgborder:0px;uldisplay:none;.buttonposition:absolute; z-index:1000; right:0px; bottom:2px; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;.b1,.b2background-color:#666666;display:block;float:left;padding:2px 6px;margin-right:3px;color:#FFFFFF;text-decoration:none;cursor:pointer;.b2color:#FFCC33;backg