博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
图片从右往左无间隙滚动代码
阅读量:5104 次
发布时间:2019-06-13

本文共 2154 字,大约阅读时间需要 7 分钟。

<div class="rollBox" id="demo" style="overflow:hidden; height:77px; width:700px; color:#ffffff; ">

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr align="center">
<td id="demo1">
<table border="0" align="center" cellpadding="6px" cellspacing="0">
<tr>
<td align="center">
 <a href="show.aspx?id=67&cid=21" target="_blank"><img src="image/old1.jpg" alt="" width="150" height="80" /></a>
 </td>
 <td> <a href="show.aspx?id=68&cid=21" target="_blank"><img src="image/old2.jpg" alt="" width="150" height="80" /></a></td>
  <td> <a href="show.aspx?id=69&cid=21" target="_blank"><img src="image/old3.jpg" alt="" width="150" height="80" /></a></td>
   <td> <a href="show.aspx?id=70&cid=21" target="_blank"><img src="image/old4.jpg" alt="" width="150" height="80" /></a></td>
    <td> <a href="show.aspx?id=71&cid=21" target="_blank"><img src="image/old5.jpg" alt="" width="150" height="80" /></a></td>
</tr>
</table>
</td>
<td id="demo2"></td>
</tr>
</table>
</div>
 
<SCRIPT language="javascript" defer>
function GetObj(objName)
{
 if(document.getElementById)
 {
  return eval('document.getElementById("'+objName+'")');
 }
 else
 {
  return eval('document.all.'+objName);
 }
}
 
var rollSpeed = 15;//速度数值越大速度越慢
var rollStep  = 1; //滚动步长
var rollLeft  = true; //往左滚动
 
GetObj("demo2").innerHTML=GetObj("demo1").innerHTML;
 
function Marquee()
{
    if(rollLeft)
 {
  if(GetObj("demo").scrollLeft>=GetObj("demo1").offsetWidth)
  {
   GetObj("demo").scrollLeft-=GetObj("demo1").offsetWidth;
  }
  else
  {
   GetObj("demo").scrollLeft+=rollStep;
  }
 }
 else
 {
  if(GetObj("demo").scrollLeft<=0)
  {
   GetObj("demo").scrollLeft+=GetObj("demo1").offsetWidth;
  }
  else
  {
   GetObj("demo").scrollLeft-=rollStep;
  }
 }
}
 
function MarqueeLeft_ON()
{
    rollLeft = true;
 rollStep = 20;
}
 
function MarqueeLeft_OFF()
{
    rollStep = 1;
}
 
function MarqueeRight_ON()
{
    rollLeft = false;
 rollStep = 20;
}
 
function MarqueeRight_OFF()
{
    rollStep = 1;
}
 
var MyMar=setInterval(Marquee,rollSpeed);
GetObj("demo").οnmοuseοver=function() {clearInterval(MyMar);}
GetObj("demo").οnmοuseοut=function() {MyMar=setInterval(Marquee,rollSpeed);}
</SCRIPT>

转载于:https://www.cnblogs.com/liuzhengliang/archive/2012/12/19/2824576.html

你可能感兴趣的文章
json
查看>>
Oracle 11g修改字符集AL32UTF8为ZHS16GBK
查看>>
jq form表单自动赋值
查看>>
06.FileStream类的学习
查看>>
linux dns搭建
查看>>
vim中的正则表达式替换
查看>>
strongswan--linux内核ipsec policy类型
查看>>
Binding基础
查看>>
java后台设计简单的json数据接口,设置可跨域访问,前端ajax获取json数据
查看>>
jQuery 添加元素
查看>>
ESFramework ——成熟的C#网络通信框架(跨平台)
查看>>
iOS基础知识之多态问题
查看>>
2017.3.16 上午
查看>>
HTTP状态码大全
查看>>
(私人收藏)第七届山东省中小学生机器人大赛接力赛解决方案
查看>>
Hue的全局配置文件hue.ini(图文详解)
查看>>
AC算法分析
查看>>
Spark基本架构及原理
查看>>
Linux系统环境搭建
查看>>
usb驱动之打印usb设备信息(二)
查看>>