加入收藏 | 设为首页 | 会员中心 | RSS
您当前的位置:首页 > 在线教程 > 网络编程

图片循环滚动代码

时间:2008-07-01 21:48:44  来源:飞天影像  作者:admin
<!--向左滚动代码开始-->xsS飞天影像[巴中]
<div id=rolllink style="OVERFLOW: hidden; WIDTH: 660px; HEIGHT: 150px">xsS飞天影像[巴中]
  <!--修改高-->xsS飞天影像[巴中]
  <div id=rolllink1 style="WIDTH: 1200px; HEIGHT: 140px">xsS飞天影像[巴中]
    <!--向上移动时,把高和宽的值相换-->xsS飞天影像[巴中]
    <table cellspacing=5 width="100%">xsS飞天影像[巴中]
      <tr>xsS飞天影像[巴中]
        <td id=demo12 valign=top height="160"><!--向上移动时修改:width="160"-->xsS飞天影像[巴中]
          <table width="100" border="0" cellspacing="0" cellpadding="0">xsS飞天影像[巴中]
            <tr>xsS飞天影像[巴中]
              <td><img src="数据库绑定图片" width="100" height="145"></td>xsS飞天影像[巴中]
            </tr>xsS飞天影像[巴中]
            <tr>xsS飞天影像[巴中]
              <td>数据库绑定图片说明文字</td>xsS飞天影像[巴中]
            </tr>xsS飞天影像[巴中]
          </table></td>xsS飞天影像[巴中]
        <td id=demo12 valign=top></td>xsS飞天影像[巴中]
      </tr>xsS飞天影像[巴中]
    </table>xsS飞天影像[巴中]
  </div>xsS飞天影像[巴中]
  <div id=rolllink2></div>xsS飞天影像[巴中]
</div>xsS飞天影像[巴中]
<SCRIPT>xsS飞天影像[巴中]
var rollspeed=10xsS飞天影像[巴中]
rolllink2.innerHTML=rolllink1.innerHTMLxsS飞天影像[巴中]
function Marquee(){xsS飞天影像[巴中]
if(rolllink2.offsetTop-rolllink.scrollLeft<=0)//向上移动时修改:if(rolllink2.offsetTop-rolllink.scrollTop<=0)xsS飞天影像[巴中]
rolllink.scrollLeft-=rolllink1.offsetWidth//向上移动时修改:rolllink.scrollTop-=rolllink1.offsetheightxsS飞天影像[巴中]
else{xsS飞天影像[巴中]
rolllink.scrollLeft++//向上移动时修改:rolllink.scrollTop++xsS飞天影像[巴中]
}xsS飞天影像[巴中]
}xsS飞天影像[巴中]
var MyMar=setInterval(Marquee,rollspeed)xsS飞天影像[巴中]
rolllink.onmouseover=function() {clearInterval(MyMar)}xsS飞天影像[巴中]
rolllink.onmouseout=function() {MyMar=setInterval(Marquee,rollspeed)}xsS飞天影像[巴中]
</SCRIPT>xsS飞天影像[巴中]
<!--滚动代码结束-->
来顶一下
近回首页
返回首页
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表