******************************在<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-->
分享到：
相关推荐
在IT行业中，图片横向动画滚动是一种常见的网页设计技巧，它能为用户带来动态且吸引人的视觉体验。这种效果常用于展示产品、新闻或者照片轮播等场景。在本例中，我们将探讨如何实现图片的自动横向滚动，并在鼠标悬停...
本教程将深入探讨如何利用jQuery创建手机移动端的图片横向滚动效果。 一、jQuery简介 jQuery是一个轻量级的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作和Ajax交互。jQuery的语法设计使得开发者可以...
【图片横向滚动js特效】是一种常见的网页动态效果，主要用于展示多张图片，通过横向滑动的方式增加用户体验，常用于产品展示、相册或新闻轮播等场景。在网页设计中，JavaScript（简称js）被广泛用来实现这类交互式...
**jQuery图片横向滚动轮播代码详解** 在网页设计中，图片轮播是一种常见的展示多张图片的方式，可以有效地节省空间并提升用户体验。本教程将深入探讨如何使用jQuery实现一款带标题和进度条的图片横向滚动轮播效果，...
以上代码实现了标题和描述中所提及的功能：一个具有倒影效果的图片横向滚动展示，带有可拉动的横向滚动条。通过调整CSS样式和JavaScript逻辑，可以进一步定制滚动速度、动画效果等细节，以满足具体需求。在实际项目...
在网页设计中，动态效果是吸引用户注意力的重要手段之一，其中横向滚动图片是常见的展示方式。本主题将探讨如何利用JavaScript实现一个具有无缝隙滚动和翻页加速功能的图片滚动效果。 首先，我们需要理解“无缝隙...
这是网站里常用的技术，可以作为模板使用，使本人自己设计，页面部分完全采用div块实现，可以作为标准模板，后面附有注释，结合了专业的css技术与javascript技术
在这个"jquery图片横向滚动特效"的主题中，我们将深入探讨如何利用jQuery实现图片的动态、平滑的横向滚动效果。 首先，我们需要了解jQuery的基本使用。jQuery的核心功能是选择器，它允许我们轻松地选取HTML元素。...
在图片的展示上，可以使用CSS的`display: inline-block`或者`float: left`属性来使图片并排显示，从而实现横向滚动的效果。记得在图片的`width`属性上设置合适的值，确保它们可以在有限的空间内水平排列。 最后，...
在IT行业中，网页设计是不可或缺的一部分，而动态效果如横向滚动图片可以提升用户体验，增加页面的视觉吸引力。本文将深入探讨如何使用JavaScript实现这一功能。 首先，我们需要理解横向滚动图片的基本概念。这种...
在网页设计中，图片的展示方式多种多样，而横向滚动的图片展示效果可以增加用户体验，使信息传递更加生动有趣。这款“JS横向图片滚动效果”就是这样一个应用实例，它能帮助开发者创建出一种平滑且具有吸引力的图片...
jQuery 无缝图片横向滚动代码是一种常见的网页动态效果，它能够为网站的图片展示带来更吸引人的视觉体验。这种效果常用于产品展示、相册浏览或幻灯片展示等场景，通过平滑过渡的方式使得用户在浏览多张图片时感觉...
标题中的“DIV+CSS实现横向无缝图片滚动效果”是指在网页设计中，通过HTML的`<div>`元素和CSS样式来创建一个可以水平无限循环滚动的图片展示区域。这种效果通常用于网站的横幅广告、产品展示或者新闻更新等部分，以...
标题中的“jquery图片横向滚动展示插件”是指一种基于JavaScript库jQuery开发的插件，用于在网页上创建图片水平滑动的展示效果。这种插件通常适用于产品展示、相册浏览或其他需要动态显示多张图片的场景。它通过提供...
"js购物网站带横向滚动条的图片展示代码"是解决这一问题的一种技术方案，它允许每屏显示5个商品，同时提供了横向滚动和箭头翻页功能，确保了在各种主流浏览器上的良好兼容性。接下来，我们将深入探讨这个代码实现的...