首页 > 58必威网站

想在这段代码里加入滚动代码怎么加?PS:在线等,如果完美解决问题马上采纳答案。谢谢!

来源:
时间:2024-08-17 15:53:18
热度:

想在这段代码里加入滚动代码怎么加?PS:在线等,如果完美解决问题马上采纳答案。谢谢!热心网友:你要加怎样的滚动? 上下滚动的么? 就是滚动就行还是有其他效果?###热心网友:

热心网友:你要加怎样的滚动? 上下滚动的么? 就是滚动就行还是有其他效果?

###

热心网友:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gbk" /><title>图片滚动</title><style type="text/css">*{margin:0;padding:0;}  ul{list-style:none}  #wrap{width:600px;border:1px solid orange;height:100px;margin:55px auto;overflow:hidden;}  #a li,#b li{float:left;width:110px;background:red;height:100px;margin-left:10px}  #scrolls{width:200%;float:left;}  #a,#b{float:left;}  .left,.right{width:20px;height:20px;background:yellow;cursor:pointer;}</style></head><body><div class="left" id="left" onclick="left()"><<</div>  <div id="wrap">   <div id="scrolls">    <div id="a">     <ul>      <li>22</li>      <li></li>      <li></li>      <li></li>      <li>11</li>     </ul>    </div>    <div id="b">    </div>   </div>   <script type="text/javascript">      var $ = function(id){return document.getElementById(id)};      var wrap = $("wrap");      var a = $("a");      var b = $("b");      var show = $("show");      var d;      b.innerHTML = a.innerHTML;      function scrolls(){      d = "n";        if(b.offsetWidth - wrap.scrollLeft <=0){         wrap.scrollLeft = wrap.scrollLeft - b.offsetWidth;        }        else{         wrap.scrollLeft++;        }      }            t = setInterval("scrolls()",10)            function backScrolls(){        if(wrap.scrollLeft <=0){         wrap.scrollLeft = wrap.scrollLeft + b.offsetWidth;        }        else{         wrap.scrollLeft--;        }      }      function left(){        d = "n";        clearT();        t = setInterval("scrolls()",10);      }      function right(){        d = "m";        clearT();        t = setInterval("backScrolls()",10);      }      function clearT(){       clearInterval(t);      }      function runs(){        if(d == "n"){          left();        }        else{          right();        }      }      wrap.onmouseover = function (){        clearT();      }      wrap.onmouseout = function(){        runs();      }   </script>  </div><div class="right" id="right" onclick="right()">>></div></body></html>

Baidu
map