教程集 > 脚本编程 > javascript > 正文 js图片向左滚动效果代码

js图片向左滚动效果代码

发布时间：2016-12-01 编辑：jiaochengji.com

教程集为您提供js图片向左滚动效果代码等资源，欢迎您收藏本站，我们将为您提供最新的js图片向左滚动效果代码资源

一个不错的js特效图片向左滚动效果代码有需要用的朋友可参考本文章。

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js图片向左滚动效果代码</title> </head> <body> <style> .scroll_div {width:600px; height:62px;margin:0 auto; overflow: hidden; white-space: nowrap; background:#ffffff;} .scroll_div img {width:120px;height:60px;border: 0;margin: auto 8px; border:1px #efefef solid;} #scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li{display:inline;} </style> <script language="javascript"> function ScrollImgLeft(){ var speed=20 var scroll_begin = document.getElementById("scroll_begin"); var scroll_end = document.getElementById("scroll_end"); var scroll_div = document.getElementById("scroll_div"); scroll_end.innerHTML=scroll_begin.innerHTML function Marquee(){ if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0) scroll_div.scrollLeft-=scroll_begin.offsetWidth else scroll_div.scrollLeft } var MyMar=setInterval(Marquee,speed) scroll_div.onmouseover=function() {clearInterval(MyMar)} scroll_div.onmouseout=function() {MyMar=setInterval(Marquee,speed)} } </script> <h2 align="center">向左滚动</h2>

</body></html></textarea>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
js连续向左图片滚动代码
 js图片向左滚动效果代码
 Javascript实现图片上下左右滚动的代码
 基于jquery实现点击左右按钮图片横向滚动
 Js 图片滚动的实现方法
 40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
 javascript 图片左右滚动效果代码
 jquery实现marquee效果(文字或者图片的水平垂直滚动)
jQuery使用数组编写图片无缝向左滚动
 jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果

上一篇：兼容多浏览器向右滚动js代码下一篇：javascript判断浏览器类型及版本

[关闭]

js图片向左滚动效果代码

最近更新

浏览排行