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> 
  • 相关阅读:
    ps photoshop cc 2015 Extract Assets(生成器)切图大法
    获取免费代理推荐
    nodejs http代理请求
    nodejs 发起http请求
    AHK GUI开发示例
    为【桌面右键菜单
    NPM 模块收集
    nodejs Commander 命令行神器简单示例
    如何用nodejs 开发一个命令行交互工具
    利用 T-sql 的从句 for xml path('') 实现多行合并到一行, 并带有分隔符
  • 原文地址:https://www.cnblogs.com/double405/p/5273289.html
Copyright © 2011-2022 走看看