`

图片从右往左连续滚动代码

阅读更多
我用Dreamweaver做网页在http://clh520.myanyp.cn/tpxssg/articles/070303023452136.aspx?z=1755053&m=2856987上看到图片从左往右连续滚动的代码
可是我用时怎么不会滚动啊 还有就是怎样把本地的图片添加上实现滚动啊,我把代码上面的图片地址改为本地的后不行啊 需要什么样的地址啊
代码:

<title>无空白的滚动图片</title>
<div id=demo style=overflow:hidden;height:180;width:600;color:#ffffff>

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

<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td>

<TABLE cellSpacing=0 cellPadding=5 border=0>
<TBODY>
<TR align=middle>
<TD>
<img src=http://zjj.myanyp.cn/UserData/Data3/2406107/photoes/080129201348318.jpg>
</TD>
<TD>
<img src=http://zjj.myanyp.cn/UserData/Data3/2406107/photoes/080129201333318.jpg>
</TD>
<TD>
<img src=http://zjj.myanyp.cn/UserData/Data3/2406107/photoes/080129201321271.jpg>
</TD>
<TD>
<img src=http://zjj.myanyp.cn/UserData/Data3/2406107/photoes/080129201305974.jpg>
</TD>
<TD>
<img src=http://zjj.myanyp.cn/UserData/Data3/2406107/photoes/080129201229849.jpg>
</TD>
</TR></TBODY>
</TABLE>

</td></tr>
</table>

</td><td id=demo2 valign=top></td>
</tr>
</table>
</div>

<script>
var speed=30//速度数值越大速度越慢(一般为30)
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>
分享到:
评论

相关推荐

    很实用的图片从右到左滚动的jsp代码

    "图片从右到左滚动的jsp代码"是一个常见的网页特效,它主要用于展示一组图片,通过从右到左的平滑滚动,形成一种视觉上的连续流动感,常用于新闻轮播、产品展示等场景。 JSP(JavaServer Pages)是Java平台上的一个...

    WPFLable从右往左显示文字.7z

    在标题“WPFLable从右往左显示文字.7z”中提到的,是一个关于`Label`控件的特殊应用,即实现文字从右到左的动态滚动效果。这种效果常见于信息提示、滚动公告或者某些特殊设计的用户界面中。下面将详细解释如何在C# ...

    列表左右滚动

    标题“列表左右滚动”以及描述“箭头控制图片列表左右滚动jQuery代码”所提及的是一个基于jQuery实现的网页组件,它允许用户通过点击或触摸箭头图标来浏览一个图片列表,这个列表会水平方向上进行平滑滚动。...

    jquery 文字由左向右滚动 走马灯

    "jQuery 文字由左向右滚动 走马灯" 是一个利用 jQuery 库实现的特效,它能使得文字或文本内容在页面上从左至右连续滚动,给用户带来动态视觉体验。jQuery 是一个轻量级的 JavaScript 库,因其简洁的API和强大的功能...

    8x/*8LED点阵屏汉字滚动显示(左右上下四多/种方式)

    5. **定时器控制**:为了实现连续滚动,程序可能使用了定时器中断,每隔一定时间更新显示内容。 在实际应用中,这些功能可能结合在一起,形成一个可以接收输入、处理显示逻辑并控制硬件的完整系统。对于初学者,...

    vue实现轮播图(滚动切换,无缝切换,自动切换,循环无回滚等)

    无缝切换旨在提供一种流畅的过渡效果,使用户感觉图片是在连续的轨道上滑动。Vue可以通过CSS3的`transition`和`transform`属性实现这一效果。当切换到下一张图片时,旧图片的 opacity 可以逐渐减小,新图片的 ...

    Airtest和Poco下的滑动操作

    如同点击操作一样,滑动是用户与触摸屏设备交互的基础动作,无论是浏览滚动列表、滑动解锁还是游戏中的特殊操作,都需要用到滑动。因此,在自动化测试中能够精确地模拟滑动行为对于确保应用功能的完整性和用户体验的...

    wap2.0完整标签

    - 内容从右往左滚动。 9. **设定滚动次数**:`&lt;marquee loop="2"&gt;...&lt;\marquee&gt;` - 滚动次数,如loop="2"表示滚动两次后停止。 10. **设定宽度**:`&lt;marquee width="180"&gt;...&lt;\marquee&gt;` - 设置滚动区域的宽度,...

    idea快捷键

    - **Ctrl + 方向左/右**:光标跳到上/下一个单词。 - **Ctrl + 方向上/下**:模拟鼠标滚轮效果,便于快速浏览代码。 #### 三、Version Control System (VCS) 快捷键 Version Control System 快捷键主要用于版本...

    IOS 滑动手势

    当用户从屏幕右向左滑动时,触发此手势。常用于返回上一级界面或者执行“撤销”操作。 2. **右滑手势(UISwipeGestureRecognizerDirectionRight)**: 相反,当用户从屏幕左向右滑动时,触发此手势。在许多应用中...

Global site tag (gtag.js) - Google Analytics