jquery無縫滾動(dòng),jquery 滾動(dòng)

jquery marquee怎么無縫向左滾動(dòng)

無縫滾動(dòng)：

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名注冊、雅安服務(wù)器托管、營銷軟件、網(wǎng)站建設(shè)、西雙版納網(wǎng)站維護(hù)、網(wǎng)站推廣。

MARQUEE behavior="scroll" contenteditable="true" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" scrollamount="3" width="100"SPAN unselectable="on"/SPAN/MARQUEE

左右滾動(dòng)：

marquee direction="right" behavior="alternate"font size=30 color="red"我會(huì)左右滾動(dòng)哦/font/marquee

基于jQuery實(shí)現(xiàn)一個(gè)marquee無縫滾動(dòng)的插件

基于jQuery，實(shí)現(xiàn)一個(gè)marquee無縫滾動(dòng)的插件，已經(jīng)發(fā)布到

git.oschina.net，演示稍后更新（更新到

）。

代碼如下：

/**

類庫名稱：jQuery.marquee

實(shí)現(xiàn)功能：基于

jquery

實(shí)現(xiàn)的

marquee

無縫滾動(dòng)插件

作者主頁：

聯(lián)系郵箱：mqycn@126.com

使用說明：

用jquery實(shí)現(xiàn)兩個(gè)li中的圖片并列無縫向上滾動(dòng)的代碼沒有按鈕控制，鼠標(biāo)移上去停止?jié)L動(dòng)，離開開始滾動(dòng)。

下面的使用Jquery實(shí)現(xiàn)，使用的時(shí)候請引用Jquery.js，向上滾動(dòng)看看js那里提示修改left為up即可。

style?type="text/css"

.scrollleft{width:491px;?float:left;?padding-top:15px;}

.scrollleft?li{float:left;display:inline;width:195px;text-align:center;}

/style

script

$.fn.imgscroll?=?function(o){

var?defaults?=?{

speed:?40,

amount:?0,

width:?1,

dir:?"left"

};

o?=?$.extend(defaults,?o);

return?this.each(function(){

var?_li?=?$("li",?this);

_li.parent().parent().css({overflow:?"hidden",?position:?"relative"});?//div

_li.parent().css({margin:?"0",?padding:?"0",?overflow:?"hidden",?position:?"relative",?"list-style":?"none"});?//ul

_li.css({position:?"relative",?overflow:?"hidden"});?//li

if(o.dir?==?"left")?_li.css({float:?"left"});

//初始大小

var?_li_size?=?0;

for(var?i=0;?i_li.size();?i++)

_li_size?+=?o.dir?==?"left"???_li.eq(i).outerWidth(true)?:?_li.eq(i).outerHeight(true);

//循環(huán)所需要的元素

if(o.dir?==?"left")?_li.parent().css({width:?(_li_size*3)+"px"});

_li.parent().empty().append(_li.clone()).append(_li.clone()).append(_li.clone());

_li?=?$("li",?this);

//滾動(dòng)

var?_li_scroll?=?0;

function?goto(){

_li_scroll?+=?o.width;

if(_li_scroll??_li_size)

{

_li_scroll?=?0;

_li.parent().css(o.dir?==?"left"???{?left?:?-_li_scroll?}?:?{?top?:?-_li_scroll?});

_li_scroll?+=?o.width;

}

_li.parent().animate(o.dir?==?"left"???{?left?:?-_li_scroll?}?:?{?top?:?-_li_scroll?},?o.amount);

}

//開始

var?move?=?setInterval(function(){?goto();?},?o.speed);

_li.parent().hover(function(){

clearInterval(move);

},function(){

clearInterval(move);

move?=?setInterval(function(){?goto();?},?o.speed);

});

};

$(document).ready(function(){

$(".scrollleft").imgscroll({

speed:?40,????//圖片滾動(dòng)速度

amount:?0,????//圖片滾動(dòng)過渡時(shí)間

width:?1,?????//圖片滾動(dòng)步數(shù)

dir:?"left"???//?"left"?或?"up"?向左或向上滾動(dòng)

});

/script

div?class="scrollleft"