欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

用roll.js实现的图片自动滚动+鼠标触动的特效

时间:2021-06-25 09:25:13|栏目:JavaScript代码|点击:

复制代码 代码如下:

<!-- 
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; 
    } 



//-->

文件打包下载

上一篇:javascript正则表达式之search()用法实例

栏    目:JavaScript代码

下一篇:js类中获取外部函数名的方法

本文标题:用roll.js实现的图片自动滚动+鼠标触动的特效

本文地址:http://www.codeinn.net/misctech/147538.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有