图片横向滚动页面

******************************在<head>标签内加入*******
<script language="javascript">
var newWindow = null
function windowOpener(loadpos)
{

    


newWindow = window.open(loadpos,"surveywin","toolbar,resizable,scrollbars,dependent,width=400,height=280");

    

newWindow.focus();
}
</script>
**************************在<body>下边加入**********************

<!--滚动图片资料 begin-->
<table width=750 border=0 cellpadding=0 cellspacing=0>
<tr><td bgcolor=#333333 align=center>

    

<table width=730 border=0 cellpadding=0 cellspacing=0>

    

<tr><td style="padding-top:6px">

    

<div id=demo style=overflow:hidden;height:120;width:730;color:#ffffff>

    

<table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1>

    

    

<table width=730 border=0 cellpadding=0 cellspacing=0>

    

    

<tr>

    

    

<td width=8></td>

    

    

<td><a href=http://ent.sina.com.cn/2004-07-10/2013439838.html target=_blank><img src="http://image2.sina.com.cn/ent/pc/2004-07-10/55/U110P28T55D1919F927DT20040710212742.jpg" width="138" height="108" alt="" class=b4></a></td>

    

    

<td width=8></td>

    

    

<td><a href=http://ent.sina.com.cn/2004-07-10/2247439933.html target=_blank><img src="http://image2.sina.com.cn/ent/pc/2004-07-10/55/U110P28T55D1919F928DT20040710212742.jpg" width="138" height="108" alt="" class=b4></a></td>

    

    

<td width=8></td>

    

    

<td><a href=http://ent.sina.com.cn/2004-07-11/0015439950.html target=_blank><img src="http://image2.sina.com.cn/ent/pc/2004-07-10/55/U110P28T55D1919F929DT20040710212742.jpg" width="138" height="108" alt="" class=b4></a></td>

    

    

<td width=8></td>

    

    

<td><a href=http://ent.sina.com.cn/2004-07-10/2250439936.html target=_blank><img src="http://image2.sina.com.cn/ent/pc/2004-07-10/55/U110P28T55D1919F930DT20040710212742.jpg" width="138" height="108" alt="" class=b4></a></td>

    

    

<td width=8></td>

    

    

<td><a href=http://ent.sina.com.cn/2004-07-10/2249439934.html target=_blank><img src="http://image2.sina.com.cn/ent/pc/2004-07-10/55/U110P28T55D1919F931DT20040710212742.jpg" width="138" height="108" alt="" class=b4></a></td>

    

    

</tr>

    

    

</table>

    

</td><td id=demo2></td></tr></table></div>
<script>
var speed=10//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.οnmοuseοver=function() {clearInterval(MyMar)}
demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}
</script>

    

</td></tr>

    

</table>
</td></tr>
</table>
<!--滚动图片资料 end-->

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值