久久青草免费视频,国产视频二,欧美精品乱码视频一二专区

在線演示 http://img.jb51.NET/online/tab08/index.htm

<!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> <base href="http://www.56326.cn/"/>NET</a>/online/tab08/" /> <style> li,ul{margin:0;padding:0;list-style-type:0} body{background:#eee; text-align:center;} li img{vertical-align:bottom; } .dhooo_tab{ width:460px; margin:10px; background:#fff url(images/main_bg.gif) repeat-x 0 100%; border:1px solid #aaa;position:relative; float:left; } .tab_btn li{float:left; width:60px} .tab_btn li { font-size:12px;display:block; padding:10px;margin-right:5px; zoom:1;text-decoration:none; color:#fff;line-height:50%; cursor:pointer; } .tab_btn li.hot { background:#fff; color:#333;font-weight:bold; cursor:default; } .tab_btn{ overflow:hidden;height:28px; padding-left:20px; padding-top:5px; background:url(images/tabbar.gif) repeat-x ; } .tab_btn_num{ position:absolute; right:50px;bottom:15px; } .tab_btn_num li{ width:20px;height:20px; background: #CC3300; border:2px solid #993300; overflow:hidden; color:#fff; filter:alpha(opacity=80);opacity:0.8; float:left;cursor:default; font-size:12px;line-height:20px; margin:0px 5px; font-family:Arial; } .tab_btn_num li.hot{ background:#FFCC00; color:#993300; border:2px solid #FF0000; } .shell{ width:99999px; height:100%; } .shell li{ float:left; width:360px; height:100%; } .main{ width:360px;height:190px; overflow:hidden; margin:10px auto; text-align:left;font-size:12px; } </style> </head> <body>  <ul class="tab_btn" id="myTab_btns1"> <li id="6m0acg0k0e"    class="hot">嘉年華</li><li>完美冬日</li><li>年終慶</li><li>媽咪寶貝</li><li>冬季氛圍</li> </ul>   <ul id="content1"> <li><img src="/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/50df4033acf523d4404ec9b549104522.jpg" /></li> <li><img src="/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/5a2fc48f7360db4a1170ef1806481754.jpg" /></li> <li><img src="/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/fb25f2de7a2406efd3df9971980712c9.jpg" /></li> <li><img src="/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/83cbca5f63c7671c91168f3053362e35.jpg" /></li> <li><img src="/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/fcc151bed03ea181178f87f7fd27b176.jpg" /></li> </ul>     我的幻燈片 <ul class="tab_btn_num" id="myTab_btns2"> <li id="6m0acg0k0e"    class="hot">1</li><li>2</li><li>3</li><li>4</li><li>5</li> </ul>  <ul class="content"> <li><img src="/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/fcc151bed03ea181178f87f7fd27b176.jpg" /></li><li><img src="/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/83cbca5f63c7671c91168f3053362e35.jpg" /></li><li><img src="/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/fb25f2de7a2406efd3df9971980712c9.jpg" /></li><li><img src="/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/5a2fc48f7360db4a1170ef1806481754.jpg" /></li><li><img src="/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/50df4033acf523d4404ec9b549104522.jpg" /></li> </ul>    </body> </html>

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

JavaScript技術(shù)：漂亮的js tab圖片輪換效果代碼(可自定義的幻燈片和圖片緩沖切換)，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。

四虎精品视频-四虎精品成人免费网站-四虎黄色网-四虎国产视频-国产免费91-国产蜜臀97一区二区三区

漂亮的js tab圖片輪換效果代碼(可自定義的幻燈片和圖片緩沖切換)

相關(guān)文章閱讀