zoukankan      html  css  js  c++  java
  • asp.net图片滚动+JAVASCRIPT(向右)

     1 
     2<title>图片连续循环滚动代码(向上) - Flywe の Blog</title>
     3<base 
     4
     5href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/"> 
     6
     7
     8
     9<!--图片滚动代码开始-->
    10<div id=demo style="BACKGROUND: #ffffff; OVERFLOW: hidden; WIDTH: 310px; COLOR: #ffffff; HEIGHT: 110px">
    11<table cellPadding=0 align=center border=0 cellspace="0">
    12<tr>
    13  <td id=demo1 vAlign=top>
    14  <img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif"> 
    15<img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif">
    16<img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif">
    17<img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif">
    18<img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif">
    19<img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif">
    20<img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif">
    21<img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif">
    22<img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif">
    23<img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif">
    24<img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif">
    25  </td>
    26  <td id=demo2 vAlign=top>
    27  </td>
    28</tr>
    29</table>
    30<SCRIPT>
    31             var speed=30;
    32             demo2.innerHTML=demo1.innerHTML;
    33             function Marquee(){
    34             if(demo2.offsetWidth-demo.scrollLeft<=0)
    35             demo.scrollLeft-=demo1.offsetWidth;
    36             else{
    37             demo.scrollLeft++;
    38             }

    39             }

    40             var MyMar=setInterval(Marquee,speed);
    41             demo.onmouseover=function() {clearInterval(MyMar);}
    42             demo.onmouseout=function() {MyMar=setInterval(Marquee,speed);}
    43
    </SCRIPT> 
    44</div>
    45<!--图片滚动代码结束-->
    46
    这里和大家分享和学习如何学IT!
  • 相关阅读:
    递归和回溯的区别
    N皇后问题
    c输出格式
    python sublime run快捷键设置
    八皇后问题
    动态规划---从左上角到右下角的价值最大的路径
    莫队算法详解和c实现
    Shell 常用命令总结
    WeakHashMap和HashMap的区别
    【 Jquery插件】引导用户如何操作网站功能的向导
  • 原文地址:https://www.cnblogs.com/fuchifeng/p/1286408.html
Copyright © 2011-2022 走看看