jQuery實現公告文字左右滾動的實例教程

本文導航

1、首頁2、左右滾動效果-2

熟練掌握計算機的操作和管理技能對我們在未來職場的發展是有很大幫助的，下面就讓我們一起來欣賞這篇關於jQuery實現公告文字左右滾動的實例的文章吧!

#scrollText {

width: 400px;

margin-right: auto;

margin-left: auto;

}

var ScrollTime;

function ScrollAutoPlay(contID,scrolldir,showwidth,textwidth,steper){

var PosInit,currPos;

with($('#'+contID)){

currPos = parseInt(css('margin-left'));

if(scrolldir=='left'){

if(currPos<0 && Math.abs(currPos)>textwidth){

css('margin-left',showwidth);

}

else{

css('margin-left',currPos-steper);

}

}

else{

if(currPos>showwidth){

css('margin-left',(0-textwidth));

}

else{

css('margin-left',currPos-steper);

}

}

}

}