zoukankan      html  css  js  c++  java
  • 图片向左不间断滚动

    代码如下:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    </head>
    <body>
    <div id=marqueex style="overflow:hidden; 945px; height:52px;white-space:nowrap;">
     <table border="0" cellpadding="0" cellspacing="0">
     <tr>
     <td id=marqueex1 style="white-space:nowrap;">
      <IMG height=50 hspace=1 src="http://www.popub.net/script/images/yaode.gif" width=150 border=0>
      <IMG height=50 hspace=1 src="http://www.popub.net/script/images/qtrjczh.gif" width=150 border=0>
      <IMG height=50 hspace=1 src="http://www.popub.net/script/images/gucang.gif" width=150 border=0>
      <IMG height=50 hspace=1 src="http://www.popub.net/script/images/bmfd.gif" width=150 border=0>
      <IMG height=50 hspace=1 src="http://www.popub.net/script/images/guangming.gif" width=150 border=0>
      <IMG height=50 hspace=1 src="http://www.popub.net/script/images/liangan.gif" width=150 border=0>
      <IMG height=50 hspace=1 src="http://www.popub.net/script/images/klk.gif" width=150 border=0>
      <IMG height=50 hspace=1 src="http://www.popub.net/script/images/old.gif" width=150 border=0>
      <IMG height=50 hspace=1 src="http://www.popub.net/script/images/yangyang.gif" width=150 border=0>
      <IMG height=50 hspace=1 sr="http://www.popub.net/script/images/hanch.gif" width=150 border=0>
     </td>
     <td id=marqueex2 style="white-space:nowrap;">
      <IMG height=50 hspace=1 src="http://www.popub.net/script/images/yaode.gif" width=150 border=0>
      <IMG height=50 hspace=1 src="http://www.popub.net/script/images/qtrjczh.gif" width=150 border=0>
      <IMG height=50 hspace=1 src="http://www.popub.net/script/images/gucang.gif" width=150 border=0>
      <IMG height=50 hspace=1 src="http://www.popub.net/script/images/bmfd.gif" width=150 border=0>
      <IMG height=50 hspace=1 src="http://www.popub.net/script/images/guangming.gif" width=150 border=0>
      <IMG height=50 hspace=1 src="http://www.popub.net/script/images/liangan.gif" width=150 border=0>
      <IMG height=50 hspace=1 src="http://www.popub.net/script/images/klk.gif" width=150 border=0>
      <IMG height=50 hspace=1 src="http://www.popub.net/script/images/old.gif" width=150 border=0>
      <IMG height=50 hspace=1 src="http://www.popub.net/script/images/yangyang.gif" width=150 border=0>
      <IMG height=50 hspace=1 sr="http://www.popub.net/script/images/hanch.gif" width=150 border=0>
     </td>
        </tr>
     </table>
    </div>
    
    <script>
    var speed=20
    marqueex2.innerHTML=marqueex1.innerHTML
    function Marquee(){
     if(marqueex2.offsetWidth-marqueex.scrollLeft<=0)
      marqueex.scrollLeft-=marqueex1.offsetWidth
     else{
      marqueex.scrollLeft++
     }
    }
    var MyMar=setInterval(Marquee,speed)
    marqueex.onmouseover=function() {clearInterval(MyMar)}
    marqueex.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
    </script>
    </body>
    </html>
  • 相关阅读:
    电脑hosts文件、hosts文件说明、hosts文件域名和ip
    java复制对象属性值、复制值
    查找替换、idea全局搜索、全局替换、全局搜索替换
    谷歌浏览器问题、
    http请求类、RestTemplate、请求工具类
    easypoi导入
    vue下载本地文件、vue下载本地文件报错、vue下载本地文件找不到
    arm汇编指令的条件码
    GNU内嵌汇编
    shell脚本错误:syntax error near unexpected token '$' ''
  • 原文地址:https://www.cnblogs.com/webqiand/p/4609601.html
Copyright © 2011-2022 走看看