站长资源 网络编程

js仿土豆视频滚动菜单

整理:jimmy2026/8/6浏览2次

简介脚本之家 www.jb51.net 仿土豆视频滚动菜单 ul{margin:0;padding:0;list-style:none;width:100000px} li{margin:0;padding:0;width:100px;height:100px;display:block;flo

<!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> www.jb51.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>    &lt;&lt;    <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>    &gt;&gt;              </body>  </html>

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

上一篇：javascript 代码简单的管理菜单

下一篇：用javascript获取textarea中的光标位置

站长资源 网络编程

js仿土豆视频滚动菜单

最新资源

一句话新闻

标签云