用roll.js实现的图片自动滚动+鼠标触动的特效
2018-09-27 09:43
复制代码 代码如下:
<!--
varsh;
marqueesWidth=533;
preLeft=0;currentLeft=0;stopscroll=false;getlimit=0;preTop=0;currentTop=0;
functionscrollLeft()
{
if(stopscroll==true)return;
preLeft=marquees.scrollLeft;
marquees.scrollLeft+=2;
if(preLeft==marquees.scrollLeft)
{
//marquees.scrollLeft=templayer.offsetWidth-marqueesWidth+1;
}
}
functionscrollRight()
{
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;
}
}
functionLeft()
{
stopscroll=false;
sh=setInterval(scrollLeft(),20);
}
functionRight()
{
stopscroll=false;
sh=setInterval(scrollRight(),20);
}
functionStopScroll()
{
stopscroll=true;
clearInterval(sh);
}
functionSelectType(value)
{
document.all.sendForm.page.value=1;
document.all.sendForm.type.value=value;
document.all.sendForm.submit();
}
functioninit()
{
with(marquees)
{
style.height=0;
style.width=marqueesWidth;
style.overflowX=hidden;
style.overflowY=visible;
style.align=center;
noWrap=true;
}
}
//-->
文件打包下载
上一篇：通过脚本控制指定内容不能被选择
文章标题：用roll.js实现的图片自动滚动+鼠标触动的特效
文章链接：http://soscw.com/index.php/essay/18078.html