用roll.js实现的图片自动滚动+鼠标触动的特效
2018-10-12 13:49
821 查看
<!--
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实现图片自动播放,并在鼠标悬停某个圆点时,图片改变为其代表的图片。
- 图片滑块 Sequence.js 实现带有视差滚动特效的图片滑块
- js实现鼠标悬停图片上时滚动文字说明的方法
- JS实现div内部的文字或图片自动循环滚动代码
- js设置图片或文字自动左右滚动控制,鼠标经过停留
- [js脚本实现]图片向上滚动并且有停顿的特效
- js实现图片向上连续滚动特效代码(含注释)
- jquery实现图片左右间隔滚动特效(可自动播放)
- jquery实现图片左右间隔滚动特效(可自动播放)
- js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码
- js实现左右点击图片层叠滚动特效
- JS仿QQ空间鼠标停在长图片时候图片自动上下滚动效果
- js实现的图片滚动兼展示效果的特效
- JS特效实现图片自动播放并可控的效果
- 带左右箭头切换的自动滚动图片JS特效
- js设置图片或文字自动左右滚动控制,鼠标经过停留
- 非常平滑的JS图片滚动特效代码,无缝循环,速度可自定义,鼠标悬停时停止。它的特点是JS和图片地址分离,这样做你就经易的从数据库动态调用每张图片的地址,方便控制,因此它非常的应用。
- JS特效实现图片自动播放并可控的效果
- js实现鼠标经过时图片滚动停止的方法