<div id=demo
style="overflow: hidden; height: 139; width: 232; background: #f4f4f4; color: #ffffff">
<table align=0 cellpadding=0 cellspace=0 border=0>
<tr>
<td id=demo1 valign=top><img
src="http://www.lanrentuku.com/down/js/images/12460764740.jpg"><img
src="http://www.lanrentuku.com/down/js/images/12460764741.jpg"><img
src="http://www.lanrentuku.com/down/js/images/12460764742.jpg"><img
src="http://www.lanrentuku.com/down/js/images/12460764743.jpg"><img
src="http://www.lanrentuku.com/down/js/images/12460764744.jpg"></td>
<td id=demo2 valign=top></td>
</tr>
</table>
</div>
<script>
var speed = 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>
分享到:
相关推荐
JS不间断向左滚动javascript无缝隙
JS不间断向左滚动 html实例JS不间断向左滚动
JS不间断向左滚动
图片不间断向左滚动,找了一下午,终于找到了!
介绍: 图片不间断向左滚动代码
向左滚动-完整DIV+CSS+JS不间断横向滚动代码 欧耶
轻松实现图片的左右滚动,循环滚动。并且是一出来就循环
javascript效果源码\向左不间断(无缝)滚动图片js代码
JS图片不间断四向滚动代码,分为上、下、左、右四个方向移动的js代码
纯js不间断滚动代码 来源: http://www.cssrain.cn/demo/Class-Of-Marquee-Scroll/MSClass.html 使用方法: 应用说明:页面包含<script type="text/javascript" src="MSClass.js"> 创建实例: //参数直接赋值法 ...
js jquery图片不间断无缝滚动代码 向上 向下 向左 向右滚动 js 文件适合大部分程序员使用,基本的滚动功能
向左不间断(无缝)滚动图片js代码,这个代码用的人相信很多,有一点不好的就是当图片不足时不会滚动,所以使用时要多加几张图片。 ---------------------------------------------- 向左不间断(无缝)滚动图片js...
更新说明: + 加入功能 * 修正、完善 1.65.071228 * 横向、纵向滚动格式调整 (解决横向滚动换行的问题,无需特殊设置) * 彻底解决由于IE问题导致上下滚动页面留白的问题 (本次更新... 翻屏不间断向上、向左滚动
js测试显示器分辨率,js不间断向左滚动,title及alt提示个性化特效,清空代码防止查看源代码等等。。
向左无缝滚动 body,html,div,a{ margin:0; padding:0} #demo { background: #FFF; overflow:hidden; border: 1px dashed #CCC; width: 500px; } #demo img { border: 3px solid #F2F2F2; } #indemo { float: left; ...
---通用不间断滚动JS封装类,支持图片、文字等,兼容各大浏览器,方便修改参数. ---几乎支持目前所有流行风格的图片或文字的滚动/切入/渐显等效果,同时支持横向/竖向/连续/间断/缓动等多种形式。 ---网页里面文字或...
代码如下:<!DOCTYPE html PUBLIC “-//W3C//... <head> [removed]<!– //主要的滚动函数 //如果滚动的效果正好是需要的效果 //那么你只需要直接调用这个函数即可 var moveTag=function(obj){ var _this = t
禁止鼠标控制暂停或滚动 鼠标悬停滚动 文字翻屏滚动 文字间歇滚动 向/上/下/左/右/翻屏滚动 向上/下连续滚动 向上/下间歇滚动 .....