web_17day

最新推荐文章于 2023-06-05 14:32:49 发布

金涛骇浪 ৫

最新推荐文章于 2023-06-05 14:32:49 发布

阅读量76

点赞数

本文链接：https://blog.csdn.net/weixin_45598725/article/details/101379996

版权

-------------------------------------------鼠标滚动与图片轮播---------------------------------------------------------------------------
<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>

       <script type="text/javascript">
           window.onload = function(){
               var scll= document.getElementById("scll");
               scll.onmousewheel= function(event){
                   event=event||window.event;
                   if(event.wheelDelta>0||event.detail<0){
                       if(scll.clientHeight<40){
                           alert("在缩小就没有了")
                       }else{
                           scll.style.height=scll.clientHeight-10+"px";
                       }

                   }else{
                       if(scll.clientHeight>=500){
                           alert("已经倒底了！！ ");
                       }else{
                           scll.style.height=scll.clientHeight+10+"px";
                       }

                   }
                   //
                   event.preventDefault&&event.preventDefault();
                   return false;
               }
               var num=0;
               var t=setInterval(function(){
                   scll.innerHTML=num++;
                   if(num>10){
                       clearInterval(t);
                   }
               },1000);
               var picAll=["img/1.jpg","img/2.jpg","img/3.jpg","img/4.jpg","img/5.jpg"];
               var q;
               var index=0;
               q=setInterval(function(){
                   img.src=picAll[index++];
                   index=index%5;
               },500);


           };
       </script>
   </head>
   <body>
       <div id="o1" style="border: solid 1px; height: 500px;">
       <div id="scll" style="width: 100px; height: 300px; background-color: pink;">

       </div>
   </div>
   <div id="pic">
          <img src="img/1.jpg" style="width: 250px; height: 150px;" id="img"/>
       </div>


       </div>
   </body>
</html>

金涛骇浪 ৫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web_17day

-------------------------------------------鼠标滚动与图片轮播---------------------------------------------------------------------------<!DOCTYPE html><html> <head> <meta cha...
复制链接

扫一扫

web_17day

“相关推荐”对你有帮助么？