超级连续的图片滚动特效

　　没什么特别的功能，就是可以偷点懒，循环播放照片，自动缩放，照片可以随意增加而不需要重新修改。FLA或加载外部的配置文件，自己检查照片的是否存在。需注意的是，图片数字序列文件不能中断，不然会把中断的地方当成最后一张图片。只要将图片用飞鸽传书批量修改成有规律名称的图片就行了。比如修改成:img1.jpg，img2.jpg，img3.jpg，img4.jpg，img5.jpg... 在FLA文件里startimg参数设置成第二张图片的数字，如果写第一张会出现1次重复的图片。

不是用<maquee></maquee>那样的效果，连续滚动，谢谢！在你想要的位置加上这一段，图片地址和图片链接改下即可，以前我们站点也介绍过连续滚动的图片，但缺陷是有间断。如何制作连续不间断的播放滚动呢？请参看制作方法，先制作向上滚动的效果，插入代码：

<base href="http://www.freeeim.com/";>
<div id=demo style=overflow:hidden;height:150;width:90;background:#214984;color:#ffffff>
<div id=demo1>

<img src="data:images/logo_1.gif">
<img src="data:images/logo/flashempire.gif">
<img src="data:images/logo.gif">
<img src="data:images/logo/5dmedia.gif">
<img src="data:images/logo/macromedia.gif">
<img src="data:images/logo/sucaiw.gif">
<img src="data:images/logo/blueieda.gif">
<img src="data:images/logo/htmlcn.gif">
<img src="data:images/logo/fwcn.gif">
</div>
<div id=demo2></div>
</div>

　　制作向下滚动的效果，将上面“制作向上滚动的效果”中的红色字体Js部分替换成：

　　制作向左滚动的效果：
<base href="http://www.freeeim.com/";>
<div id=demo style=overflow:hidden;height:33;width:500;background:#214984;color:#ffffff>
<table align=left cellpadding=0 cellspace=0 border=0>
<tr>
<td id=demo1 valign=top><img src="data:images/logo_1.gif"><img src="data:images/logo/flashempire.gif"><img src="data:images/logo.gif"><img src="data:images/logo/5dmedia.gif"><img src="data:images/logo/macromedia.gif"><img src="data:images/logo/sucaiw.gif"><img src="data:images/logo/blueieda.gif"><img src="data:images/logo/htmlcn.gif"><img src="data:images/logo/fwcn.gif">
</td>
<td id=demo2 valign=top></td>
</tr>
</table>
</div>

　　制作向右滚动的效果，将上面“制作向左滚动的效果”中的红色字体Js部分替换成：
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollLeft=demo.scrollWidth
function Marquee(){
if(demo.scrollLeft<=0)
demo.scrollLeft+=demo2.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>

　　制作的方法就简单的介绍完成了。图片循环滚动，不留空白，图片能动态添加。

超级连续的图片滚动特效相关推荐

html土图片滚动特效,jQuery实现图片左右滚动特效
本文实例讲述了jQuery合作伙伴左右滚动特效,分享给大家供大家参考,具体如下: 一款基于jQuery合作伙伴左右滚动特效代码,是一款带左右箭头及自动滚动友情链接合作伙伴左右滚动网页特效,鼠标滑过停止 ...
java图片滚动特效_js图片各种滚动效果
向上下左右不间断无缝滚动图片的效果(兼容火狐和IE) var speeds=30; var colee2s=document.getElementById("colee2s"); ...
网站翻滚图片代码html,网页滚动图片滚动特效解析
1.一种常用的无缝滚动代码: 滚动图片代码演示-志文工作室 href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/i ...
网页特效——图片翻页和图片滚动的实现方法
1. 图片翻页特效: 效果:多张图片逐个翻页显示,也可用鼠标点击图片区域下方的页码手动翻页.每张图片上都可添加链接引向不同位置的帖子. 演示:在专刊盛世奥运之奢华盘点上半部分中间"华美谢幕& ...
一款JS+CSS实现的无缝平滑图片滚动代码
代码简介: 非常平滑的JS图片滚动特效代码,无缝循环,速度可自定义,鼠标悬停时停止.它的特点是JS和图片地址分离,这样做你就经易的从数据库动态调用每张图片的地址,方便控制,因此它非常的应用. 代码内容 ...
简洁的JS图片滚动代码
非常平滑的JS图片滚动特效代码,无缝循环,速度可自定义,鼠标悬停时停止. 它的特点是JS和图片地址分离,这样做你就经易的从数据库动态调用每张图片的地址,方便控制,因此它非常的有用. <!DOCT ...
HTML网页设计图片滚动,HTML网页上连续滚动图片的制作
制作方法:相关文件:在页面 ~相关位置加入代码: 新建scrollimg-pic.htm页面,插入相同大小的图片若干张.为使它不停顿地连续播放,请在同一行中,连续插入图片二至三次.类似于文件.在每一张 ...
dw按钮图片滚动js_js实现图片无缝滚动特效
首先,无缝滚动的第一个重点就是--动.关于怎么让页面的元素节点动起来,这就得学明白关于JavaScript中定时器的相关知识. JS中的创建定时器的方法包括两种:setTimeout和setInter ...
Sequence.js 实现带有视差滚动特效的图片滑块
Sequence.js 功能齐全,除了能实现之前分享过的现代的图片滑动效果,还可以融合当前非常流行的视差滚动(Parallax Scrolling)效果.让多层背景以不同的速度移动,形成立体的运动效果 ...

超级连续的图片滚动特效

超级连续的图片滚动特效相关推荐

最新文章

热门文章