用roll.js实现的图片自动滚动+鼠标触动的特效
2007-03-18 00:00
1146 查看
<!-- var sh; marqueesWidth=533; preLeft=0; currentLeft=0; stopscroll=false; getlimit=0;preTop=0; currentTop=0; function scrollLeft() { if(stopscroll==true) return; preLeft=marquees.scrollLeft; marquees.scrollLeft+=2; if(preLeft==marquees.scrollLeft) { //marquees.scrollLeft=templayer.offsetWidth-marqueesWidth+1; } } function scrollRight() { if(stopscroll==true) return; preLeft=marquees.scrollLeft; marquees.scrollLeft-=2; if(preLeft==marquees.scrollLeft) { if(!getlimit) { marquees.scrollLeft=templayer.offsetWidth*2; getlimit=marquees.scrollLeft; } marquees.scrollLeft-=1; } } function Left() { stopscroll = false; sh = setInterval("scrollLeft()",20); } function Right() { stopscroll = false; sh = setInterval("scrollRight()",20); } function StopScroll() { stopscroll = true; clearInterval( sh ); } function SelectType(value) { document.all.sendForm.page.value = 1; document.all.sendForm.type.value = value; document.all.sendForm.submit(); } function init() { with(marquees) { style.height=0; style.width=marqueesWidth; style.overflowX="hidden"; style.overflowY="visible"; style.align = "center"; noWrap=true; } } //-->
文件打包下载
相关文章推荐
- 用roll.js实现的图片自动滚动+鼠标触动的特效
- 非常平滑的JS图片滚动特效代码,无缝循环,速度可自定义,鼠标悬停时停止。它的特点是JS和图片地址分离,这样做你就经易的从数据库动态调用每张图片的地址,方便控制,因此它非常的应用。
- [js脚本实现]图片向上滚动并且有停顿的特效
- 原生js实现tab选项卡里内嵌图片滚动特效代码
- js实现图片旋转 js滚动鼠标中间对图片放大缩小
- js javascript 鼠标控制图片左右滚动带自动翻滚,图片滑动新闻展示
- JS实现div内部的文字或图片自动循环滚动代码
- JS实现图片无缝滚动特效;附addEventListener()方法、offsetLeft和offsetWidth属性。
- JS实现图片自动播放,并在鼠标悬停某个圆点时,图片改变为其代表的图片。
- js实现鼠标经过时图片滚动停止的方法
- Js实现双击鼠标自动滚动屏幕的示例代码
- Sequence.js 实现带有视差滚动特效的图片滑块
- JS实现div内部的文字或图片自动循环滚动
- 图片滑块 Sequence.js 实现带有视差滚动特效的图片滑块
- js实现的图片滚动兼展示效果的特效
- js实现图片无缝滚动特效
- JS特效实现图片自动播放并可控的效果
- js实现图片向上连续滚动特效代码(含注释)
- js实现鼠标经过时图片滚动停止的方法