網(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视频| 高嫁肉柳风车动漫| 干妞网在线观看| 亚洲一区二区三区在线| 美国一级片免费|