經典的導航二級式導航選單增強版,不看不知道!! (轉)

worldblog發表於2007-12-14
經典的導航二級式導航選單增強版,不看不知道!! (轉)[@more@]

<!--
呵呵我發的上一版相信大家都看過了吧,想一想上一版的確是不怎麼華麗,而且上一版是針對表格內的連線A而定位的
而這一版的優點顯然比上一版要華麗,速度一樣快,而且是針對表格TD來定位的,TIMEOUT設定的也必要合理
以下程式碼完整範例請登陸 檢視,或到 ."> 自行編輯測試
--&gt









<!--導航欄正式製作開始--&gt

<!--整個導航欄HTML製作開始,其中並MOVESE函式構造一級選單--&gt

 frame=below rules=none bordercolordark=white bordercolorlight=dddddd id=menutd
onmouseover=over2() onmouseout=out2() onclick=click2()>



<!--這個選單使用了二級選單,稍微較長,請自行修改--&gt


<!--具有二級選單效果的表格製作結束--&gt








<!--基本導航欄HTML構造結束,以下開始著手編寫構造MOVESE等等選單顯示,定位,消失的指令碼--&gt


 bgcolor=white cellspacing=0 border=1 rules=none bordercolorlight=black bordercolordark=white
onmouseover="over1();clearTimeout(cleartime)"
onmouseout="out1();temp1='none';cleartime=setTimeout('happydiv.style.display=temp1;happydiv2.style.display=temp1',500)"
onclick=click1()>

  <!--一級容器選單顯示錶格結束--&gt
bgcolor=white cellspacing=0 border=1 rules=none bordercolorlight=black bordercolordark=white
onmouseover="over1();clearTimeout(cleartime)"
onmouseout="out1();temp1='none';cleartime=setTimeout('happydiv.style.display=temp1;happydiv2.style.display=temp1',500)"
onclick=click1()>

  <!--二級擴充套件選單顯示錶格結束--&gt

<!--
整個程式就是這樣的,乍看來亂不可言,細看來則條理清晰,非常實用,幾乎沒有多餘程式碼,由於定義了函式,所以移植性和可塑性很強
其中資料為 - 相當於"選單中的水平線"
--&gt


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/10752043/viewspace-993256/,如需轉載,請註明出處,否則將追究法律責任。

相關文章