您的位置:首页 > Web前端 > JavaScript

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



//-->

文件打包下载

您可能感兴趣的文章:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: