设为首页
|
加入收藏
您好,欢迎来到点滴吧!
手机版
www.diandiba.com
记录点点滴滴,尽在点滴吧
文章
文章
特效
素材
景点
首页
手机
建站
源码
服务器
生活
常识
健康
美食
美容
旅游
景点
攻略
游记
特产
知识
笑话
名句
散文
故事
编程
ASP
PHP
.NET
SQL
软件
Office
QQ
Photoshop
特效
幻灯片
图片相册
播放器
素材
图片
PSD素材
网页模板
您现在的位置:
首页
>
图片相册
> 特效详情
常用图片向左滚动代码
更新时间:2015/1/4 22:17:33 下载:3935次
<div> <div id="scroll_div" style="overflow: hidden; WIDTH: 940px;"> <table border="0" cellpadding="0" cellspacing="0" width="3580"> <tr> <td id="scroll_begin"> <img src="/Upload/14202816361243314.jpg" width="158" height="105" /> <img src="/Upload/14202816361243314.jpg" width="147" height="105" /> <img src="/Upload/14202816361243314.jpg" width="148" height="105" /> <img src="/Upload/14202816361243314.jpg" width="162" height="105" /> <img src="/Upload/14202816361243314.jpg" width="155" height="105" /> <img src="/Upload/14202816361243314.jpg" width="162" height="105" /> <img src="/Upload/14202816361243314.jpg" width="161" height="105" /> <img src="/Upload/14202816361243314.jpg" width="150" height="105" /> <img src="/Upload/14202816361243314.jpg" width="154" height="105" /> <img src="/Upload/14202816361243314.jpg" width="151" height="105" /> <img src="/Upload/14202816361243314.jpg" width="159" height="105" /></td> <td id="scroll_end"></td> </tr> </table> </div></div> <script> var speed1=40 var scroll_end = document.getElementById("scroll_end"); var scroll_div = document.getElementById("scroll_div"); scroll_end.innerHTML=scroll_begin.innerHTML function Marquee1(){ if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0) scroll_div.scrollLeft-=scroll_begin.offsetWidth else{ scroll_div.scrollLeft++ } } var MyMar1=setInterval(Marquee1,speed1) scroll_div.onmouseover=function() {clearInterval(MyMar1)} scroll_div.onmouseout=function() {MyMar1=setInterval(Marquee1,speed1)} </script>
预览效果
复制代码
保存代码
提示:可以先修改部分代码后再运行
上一个素材:
让图片按指定高度向上滚动
下一个素材:
不间断向上滚动的图片
相关特效
jquery hover图片遮罩层滑
jquery结婚电子请柬特效素
jquery鼠标点击图片翻开切
文字置于图片之上且背景半
导航分类
热门文章
1
jquery结婚电子请柬特效素材
2
jquery hover图片遮罩层滑动
3
文字置于图片之上且背景半透明
4
常用图片向左滚动代码
5
jqzoom图片放大器代码
6
常用JS图片滚动(无缝、平滑、
7
jquery鼠标点击图片翻开切换效
8
让图片按指定高度向上滚动
9
带左右箭头的横向图片滚动代码
10
不间断向上滚动的图片
关于我们
|
联系我们
|
免责声明
|
网站地图
|
CopyRight 2012-2015 www.diandiba.com - 点滴吧 All Rights Reserved
滇ICP备09005765号-2