網(wǎng)站設(shè)計(jì)之多級菜單導(dǎo)航制作方法
2010/7/15 14:14:34
網(wǎng)站設(shè)計(jì)的多級菜單導(dǎo)航
想要上面一樣漂亮的多級菜單導(dǎo)航嗎?只要你在網(wǎng)站設(shè)計(jì)的時(shí)候?qū)⒁韵麓a放入網(wǎng)站中,就可以實(shí)現(xiàn)同樣的效果,快來試試吧! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="keywords" content="網(wǎng)站設(shè)計(jì)" /> <meta name="description" content="" /> <title>網(wǎng)站設(shè)計(jì)導(dǎo)航——點(diǎn)擊后慢慢彈出下拉菜單</title> <script type=text/javascript> function $(d){ return document.getElementById(d); } // set or get the current display style of the div function dsp(d,v){ if(v==undefined){ return d.style.display; }else{ d.style.display=v; } } // set or get the height of a div. function sh(d,v){ // if you are getting the height then display must be block to return the absolute height if(v==undefined){ if(dsp(d)!='none'&& dsp(d)!=''){ return d.offsetHeight; } viz = d.style.visibility; d.style.visibility = 'hidden'; o = dsp(d); dsp(d,'block'); r = parseInt(d.offsetHeight); dsp(d,o); d.style.visibility = viz; return r; }else{ d.style.height=v; } } /* * Variable 'S' defines the speed of the accordian * Variable 'T' defines the refresh rate of the accordian */ s=7; t=10; //Collapse Timer is triggered as a setInterval to reduce the height of the div exponentially. function ct(d){ d = $(d); if(sh(d)>0){ v = Math.round(sh(d)/d.s); v = (v<1) ? 1 :v ; v = (sh(d)-v); sh(d,v+'px'); d.style.opacity = (v/d.maxh); d.style.filter= 'alpha(opacity='+(v*100/d.maxh)+');'; }else{ sh(d,0); dsp(d,'none'); clearInterval(d.t); } } //Expand Timer is triggered as a setInterval to increase the height of the div exponentially. function et(d){ d = $(d); if(sh(d)<d.maxh){ v = Math.round((d.maxh-sh(d))/d.s); v = (v<1) ? 1 :v ; v = (sh(d)+v); sh(d,v+'px'); d.style.opacity = (v/d.maxh); d.style.filter= 'alpha(opacity='+(v*100/d.maxh)+');'; }else{ sh(d,d.maxh); clearInterval(d.t); } } // Collapse Initializer function cl(d){ if(dsp(d)=='block'){ clearInterval(d.t); d.t=setInterval('ct("'+d.id+'")',t); } } //Expand Initializer function ex(d){ if(dsp(d)=='none'){ dsp(d,'block'); d.style.height='0px'; clearInterval(d.t); d.t=setInterval('et("'+d.id+'")',t); } } // Removes Classname from the given div. function cc(n,v){ s=n.className.split(/\s+/); for(p=0;p<s.length;p++){ if(s[p]==v+n.tc){ s.splice(p,1); n.className=s.join(' '); break; } } } //Accordian Initializer function Accordian(d,s,tc){ // get all the elements that have id as content l=$(d).getElementsByTagName('div'); c=[]; for(i=0;i<l.length;i++){ h=l[i].id; if(h.substr(h.indexOf('-')+1,h.length)=='content'){c.push(h);} } sel=null; //then search through headers for(i=0;i<l.length;i++){ h=l[i].id; if(h.substr(h.indexOf('-')+1,h.length)=='header'){ d=$(h.substr(0,h.indexOf('-'))+'-content'); d.style.display='none'; d.style.overflow='hidden'; d.maxh =sh(d
下一頁
返回列表
返回首頁
主站蜘蛛池模板:
女人高潮特级毛片|
欧美日韩亚洲国产综合|
国产免费播放一区二区|
亚洲乱码无码永久不卡在线|
黄网站色年片在线观看|
国内精品久久久久久久影视
|
久久精品青草社区|
欧美日韩精品一区二区三区在线
|
打开腿让我添你下面小污文|
亚洲精品无码久久毛片|
美国美女一级毛片免费全|
国模吧双双大尺度炮交gogo|
免费扒开女人下面使劲桶|
鲁啊鲁视频在线精品|
日本午夜免费福利视频|
亚洲人交性视频|
激情网站免费看|
噗呲噗呲捣出白沫蜜汁|
aisaobi|
欧美乱子欧美猛男做受视频伦xxxx96|
国产成人av在线免播放观看|
99久久伊人精品综合观看|
日韩美女性生活视频|
公添了我的下面出差牌友|
91精品国产91久久久久久最新
|
avove尤物|
曰批全过程免费视频网址|
同人本里番h本子全彩本子|
99国产精品免费观看视频|
日韩成人精品日本亚洲|
农村乱人伦一区二区|
韩国本免费一级毛片免费|
国产超碰人人爽人人做人人添|
久久国产成人精品国产成人亚洲
|
亚洲jizzjizz中国少妇中文|
激情欧美日韩一区二区|
又大又湿又紧又爽a视频|
高嫁肉柳风车动漫|
干妞网在线观看|
亚洲一区二区三区在线|
美国一级片免费|