亚洲超碰精品一区二区,亚洲性xxxx,波波电影院一区二区三区

如果是感應觸發.就選onmouseover
如果是點擊觸發.就選onclick [把它們兩互相替換,就可隨時變為感應或點擊了]

而如果想在一個頁面上有N個滑動門
就復制一套...將myTab0改成myTab1 myTab2 myTab3 等等等..都可以..或者換成你自己喜歡的名字...當然myTab0_Content0這個亦是要隨著變動!

保留自己用

<!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" /> <title>我的滑動門</title> <style type="text/css"> body{ color: #000; font-family: "宋體", arial; font-size: 12px; background: #fff; text-align: center; margin: 0; } .nTab{ float: left; width: 960px; margin: 0 auto; border-bottom:1px #AACCEE solid; background:#d5d5d5; background-position:left; background-repeat:repeat-y; margin-bottom:2px; } .nTab .TabTitle{ clear: both; height: 22px; overflow: hidden; } .nTab .TabTitle ul{ border:0; margin:0; padding:0; } .nTab .TabTitle li{ float: left; width: 70px; cursor: pointer; padding-top: 4px; padding-right: 0px; padding-left: 0px; padding-bottom: 2px; list-style-type: none; } .nTab .TabTitle .active{background:#fff;border-left:1px #AACCEE solid;border-top:1px #AACCEE solid;border-right:1px #AACCEE solid;border-bottom:1px #fff solid;} .nTab .TabTitle .normal{background:#EBF3FB;border:1px #AACCEE solid;} .nTab .TabContent{ width:auto;background:#fff; margin: 0px auto; padding:10px 0 0 0; border-right:1px #AACCEE solid;border-left:1px #AACCEE solid; } .none {display:none;} </style>  </head> <body>                        <ul id="myTab0">         <li id="v4o7b7l9r4qz"    class="active" onmouseover="nTabs(this,0);">全部</li>         <li id="v4o7b7l9r4qz"    class="normal" onmouseover="nTabs(this,1);">日志</li>         <li id="v4o7b7l9r4qz"    class="normal" onmouseover="nTabs(this,2);">咨詢</li>         <li id="v4o7b7l9r4qz"    class="normal" onmouseover="nTabs(this,3);">相冊</li>         <li id="v4o7b7l9r4qz"    class="normal" onmouseover="nTabs(this,4);">商城</li>         <li id="v4o7b7l9r4qz"    class="normal" onmouseover="nTabs(this,5);">社區</li>       </ul>                       000        111       222       333       444       555                                  <ul id="myTab1">         <li id="v4o7b7l9r4qz"    class="active" onclick="nTabs(this,0);">aaa</li>         <li id="v4o7b7l9r4qz"    class="normal" onclick="nTabs(this,1);">bbb</li>         <li id="v4o7b7l9r4qz"    class="normal" onclick="nTabs(this,2);">ccc</li>         <li id="v4o7b7l9r4qz"    class="normal" onclick="nTabs(this,3);">單擊</li>       </ul>                       000         111         222         333              </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

JavaScript技術：一段非常好的滑動門[可感應觸發或點擊觸發]兼容IE7 IE6 FireFox Opera，轉載需保留來源！

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

色尼玛亚洲综合影院,亚洲3atv精品一区二区三区,麻豆freexxxx性91精品,欧美在线91

一段非常好的滑動門[可感應觸發或點擊觸發]兼容IE7 IE6 FireFox Opera

相關文章閱讀