zoukankan      html  css  js  c++  java
  • 图片轮播

     1 <!DOCTYPE html>
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3 <head>
     4  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     5  <title></title>
     6  <style>
     7 
     8 
     9 
    10  </style>
    11 </head>
    12 <body> 
    13 <div id="feng" style="overflow: hidden;height:210px;210px; border:0px solid #dde5bc;">
    14 <div id=feng1>
    15 <ul class="topimg1">
    16 <li><a href='/html/fengcaizhanshi/2009/1017/717.html'><img src='1.jpg' border='0' ></a><br />网页图片上下滚动代码</li>
    17 <li><a href='/html/fengcaizhanshi/2009/1017/717.html'><img src='1.jpg' border='0' ></a><br />网页图片上下滚动代码</li>
    18 <li><a href='/html/fengcaizhanshi/2009/1017/717.html'><img src='1.jpg' border='0' ></a><br />网页图片上下滚动代码</li>
    19 <li><a href='/html/fengcaizhanshi/2009/1017/717.html'><img src='1.jpg' border='0' ></a><br />网页图片上下滚动代码</li>
    20 <li><a href='/html/fengcaizhanshi/2009/1017/717.html'><img src='1.jpg' border='0' ></a><br />网页图片上下滚动代码</li>
    21 </ul>
    22   </div>
    23 <div id=feng2></div>
    24 </div>
    25      <script>
    26 var speed=50
    27 var feng=document.getElementById("feng");
    28 var feng2=document.getElementById("feng2");
    29 var feng1=document.getElementById("feng1");
    30 feng2.innerHTML=feng1.innerHTML
    31 function Marquee(){
    32 if(feng2.offsetTop-feng.scrollTop<=0)
    33 feng.scrollTop-=feng1.offsetHeight
    34 else{
    35 feng.scrollTop++
    36 }
    37 }
    38 var MyMar=setInterval(Marquee,speed)
    39 feng.onmouseover=function() {clearInterval(MyMar)}
    40 feng.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
    41       </script> 
    42 </body>
    43 </html> 
  • 相关阅读:
    rn相关文档
    《浅谈我眼中的express、koa和koa2》好文留存+笔记
    (四)Spring 对DAO 的支持
    (三)Spring 之AOP 详解
    (二)Spring 之IOC 详解
    SVN文件上感叹号、加号、问号等图标的原因
    Windows平台下不同版本SVN对比
    eclipse中启动Genymotion模拟器的错误
    (一)问候Spring4
    (十一)Hibernate 高级配置
  • 原文地址:https://www.cnblogs.com/double405/p/5273289.html
Copyright © 2011-2022 走看看