jQuery实现滚动效果的一个简单例子
复制代码代码如下所示:自动无缝滚动的jQuery图片
UL,李{样式表:无;边距:0;填充:0;}
左:左;}
Img {width: 100px; height: 100px; padding:0 2px}
,{宽度:400px;身高:100px;保证金:0汽车;溢出:隐藏;border: 1px solid红;}
。AA {宽度:200px;身高:100px;保证金:50px汽车0汽车;溢出:隐藏;border: 1px,};}
JQuery.fn.extend({
pic_scroll:函数(){
$(this)。每个(函数(){)
无功_this =美元(这); / /存储对象
VaR UL = _this.find(UL); / /获得UL认证的对象
VaR李= ul.find(礼); / /让所有的李的照片
var(w = Li。size)(*宽度);统计长度图
(李。克隆)。PrependTo(UL); / /了解UL克隆
ul.width(2 W); / /套UL的长度,所以这一行中的所有图片
var i = 1,L;
_this.hover(功能)({我= 0 },功能)({我= 1 }); / / I = 0鼠标鼠标经过时停止后的效果
setInterval(){()函数(
/定时滚动功能
我_this.scrollleft();
如果(l < w){
_this.scrollleft(L +我);
{人}
(0)_this.scrollleft;
}
},20);
})
}
});
$(文档)Ready(函数(){)
$(,,,AA)(。pic_scroll); / /使用多个地方
})