js仿土豆视频滚动菜单

比较漂亮的仿土豆视频导航菜单，漂亮大方

<!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>html中文网 www.0133.cn 仿土豆视频滚动菜单</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 id="img_bag">  <a href="javascript:void(0)" onmousedown="moveLeft()"><<</a><div 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()">>></a></div><div style="clear:both;"></div><div id="scrollBar">  <div id="scroll" style="left:0"></div></div></body></html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

以上就是js仿土豆视频滚动菜单的详细内容，更多请关注0133技术站其它相关文章！