快捷導航

js仿土豆視頻滾動菜單

更新時間：2008年05月07日 19:22:35 作者：

比較漂亮的仿土豆視頻導航菜單，漂亮大方

<!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>腳本之家 m.fzitv.net 仿土豆視頻滾動菜單</title>  <style>  ul{margin:0;padding:0;list-style:none;width:100000px}  li{margin:0;padding:0;width:100px;height:100px;display:block;float:left;margin-right:5px;background:#009900}  #img_bag{width:640px;height:100px;background:#FF9900;margin:0 auto;}  #img_bag a{float:left;width:20px;display:block;height:20px;font-weight:bold;}  #img_bag #img{width:600px;height:100px;background:#ccc;overflow:hidden;float:left}  #scrollBar{width:600px;height:20px;background:#FF0000;margin:0 auto;position:relative}  #scroll{width:30px;height:20px;background:#000;cursor:pointer;position:absolute;}  </style>  </head>  <body>  <div   class="wppm3vysvbp"   id="img_bag">  <a href="javascript:void(0)" onmousedown="moveLeft()">&lt;&lt;</a>  <div   class="wppm3vysvbp"   id="img">  <ul>  <li></li>  <li></li>  <li></li>  <li></li>  <li></li>  <li></li>  <li></li>  <li></li>  <li></li>  <li></li>  <li></li>  <li></li>  </ul>  </div>  <a href="javascript:void(0)" onmousedown="moveRight()">&gt;&gt;</a>  </div>  <div style="clear:both;"></div>  <div   class="wppm3vysvbp"   id="scrollBar">  <div   class="wppm3vysvbp"   id="scroll" style="left:0"></div>  </div>    </body>  </html>

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

您可能感興趣的文章:

相關(guān)文章

CSS鼠標懸停菜單圖片交換技術(shù)實現(xiàn)
這是一個使用了圖片交換技術(shù)制作的CSS鼠標懸停菜單，也就是大家所說的鼠標經(jīng)過換色，不過本例中的菜單并沒有使用純CSS來實現(xiàn)背景換色，這里將用一幅圖片替換了背景色，因為主要是想讓大家了解CSS對背景圖片控制的技巧
2009-11-11
js無限級折疊菜單精簡版
一個簡單的js無限級折疊菜單，這里只列出JS版本的，JQUERY版本的可以到作者發(fā)的帖子上看，權(quán)當拋磚引玉了。
2011-03-03
點擊后慢慢彈出下拉菜單效果代碼(欄目管理常用)
點擊后慢慢彈出下拉菜單，sky整理收集。
2010-07-07
CSS 偽類實現(xiàn)的鼠標滑動圖片鏈接
CSS偽類實現(xiàn)的鼠標滑動鏈接，是一個圖片導航，在早期的DW中有專一制作本效果的插件，不過隨著大家CSS水平的提高，現(xiàn)在做出這種效果好像得心應(yīng)手了，因為這種果大家應(yīng)該都挺喜歡的。
2009-10-10
javascript實現(xiàn)的鼠標懸停時動態(tài)翻滾的導航條
鼠標懸停時動態(tài)翻滾的導航條，注意這里用了兩個背景圖，請等待網(wǎng)頁加載完成或多刷新幾次，這個是使用JavaScript實現(xiàn)的，不過代碼好像是從jQuery里摘出來的，有點像。
2009-11-11
超酷的鼠標拖拽翻頁(分頁)效果實現(xiàn)javascript代碼
超酷的鼠標拖拽翻頁(分頁)效果實現(xiàn)javascript代碼,非常的不錯。
2009-09-09
利用js跨頁面保存變量做菜單的方法
2008-01-01
超個性的導航效果
超個性的導航效果...
2007-11-11
javascript實現(xiàn)的又一個不錯的滑動導航效果
javascript實現(xiàn)的又一個不錯的滑動導航效果...
2007-04-04
通用的二級菜單代碼(css+javascript)
前幾天做網(wǎng)站使用到二級菜單，想也沒想就在網(wǎng)上當了幾個，不過大多都不太滿意，只有《CSS二級菜單》看上去似乎好一點，就使用了那個。
2009-07-07