******************************在<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.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</td></tr>
</table>
</td></tr>
</table>
<!--滚动图片资料 end-->
分享到：
相关推荐
这是网站里常用的技术，可以作为模板使用，使本人自己设计，页面部分完全采用div块实现，可以作为标准模板，后面附有注释，结合了专业的css技术与javascript技术
Flash xml图片横向滚动动画，左右可控制图片向左、向右滚动，设计唯美，可把本效果用于网页上，也可用于Flash相册当中，自带Flash源文件，图片在thumbnails文件夹下，xml为配置文件。
购物网站带横向滚动条的图片展示代码 购物网站带横向滚动条的图片展示代码 购物网站带横向滚动条的图片展示代码 购物网站带横向滚动条的图片展示代码 购物网站带横向滚动条的图片展示代码 购物网站带横向滚动条的...
基于JavaScript的网页上部大Banner广告特效及图片横向滚动代码，点击两侧的箭头即可实现图片按批次滚动，上部是自动切换的大Banner广告效果，可以广泛应用于许多网站，但是需要你有一定的HTML和CSS知识才可以，否则...
引入组件即可 <TC-choujiang></TC-...里面的商品图片和被抽出商品跳转页面按照实际情况进行修改。 商品图片可以从数据库中获取进行赋值即可 位置：uni_modules/TC-choujiang/components/TC-choujiang/TC-choujiang
可以设置一屏一个图片或是若干个图片。一个页面中可以定义多块滚动的内容。
点击左右按钮图片横向滚动jquery，一次滚动四个，图片滚动完成，自动回到第一个版面，效果相当不错，感兴趣的前端工程师们可以参考下
现在网上流行好多可以自定义图片横向滚动条的效果，可惜大部分都是jQuery实现的，且兼容性不好。 今天特意整理了一款js实现的图片横向自定义滚动条效果，兼容目前主要浏览器（IE6已被忽略）。 喜欢的童鞋...
横向滚动图片
falsh横向滚动带倒影的图片展示效果，是网页flash相册特效。
支持以下滚动,至于向左,还是向右,滚动,停留时间长短均可自行设置,样式等都可以...一次横向滚动一个 一次滚动一屏 默认不动，可做图片导航 间隙上下文字自动滚动 支持左右自动滚动 无缝上下文字滚动 支持左右无缝滚动
图片不间断横向滚动效果
JS无缝图片滚动，横向和横向滚动二例，响应鼠标停止，无使用jQuery，图片滚动应用广泛，本代码在IE8、火狐等浏览器下兼容性好，代码效率高，而且代码也很少，方便大家嵌入到自己的网页中，运行效果如上图所示。
js控制图片横向滑动，可设置间隔时间。网页里的JS脚本种设置scrollPic_02.autoPlay = true//自动播放//false为不滚动
图片横向滚动的例子带详细注释，js实现，jQuery实现，C#中Asp页面实现
html5+jquery 写的一个横向滚动条，通熟易懂，很实用，而且是自适应的，代码简洁，即使是初学者也可以看懂
横向、纵向滚动格式调整 (解决横向滚动换行的问题，无需特殊设置)， 彻底解决由于IE问题导致上下滚动页面留白的问题，它可以禁止鼠标控制暂停或继续 (将第9个参数设置为-1或者动态赋值将ScrollSetp设置为-1)， 判断...