jquery实现图片左右滚动效果

今天又网友问jquery博客,jquery左右滚动图片效果咋整。
那时在忙,公司明天要有活动,好多新闻媒体前来,据说中央电视也过来,尼玛的一直赶项目。
现在刚从公司回来,一个字累啊。
哎,把以前整的,发出来看看,图片其实就一张为了区别,上面弄了点黑色。
function scroll(box,left,right,img,speed,or)
{
var box = $(box);
var left = $(left);
var right = $(right);
var img = $(img).find('ul');
var w = img.find('li').outerWidth(true);
var s = speed;
left.click(function()
{
img.animate({'margin-left':-w},function()
{
img.find('li').eq(0).appendTo(img);
img.css({'margin-left':0});
});
});
right.click(function()
{
img.find('li:last').prependTo(img);
img.css({'margin-left':-w});
img.animate({'margin-left':0});
});
if (or == true)
{
ad = setInterval(function() { right.click();},s*1000);
box.hover(function(){clearInterval(ad);},function(){ad = setInterval(function() { right.click();},s*1000);});
}
}
scroll(".mallMiddleBottom",".mallLeftImg",".mallRightImg",".mallUl",3,true);
亲们试试吧,可以自己改改,帮忙改进下,先凑合用用。
在线效果DEMO

转自 jquery http://www.jqueryba.com/342.html

posted @ 2012-10-19 14:32  遗失的天空  阅读(397)  评论(0编辑  收藏  举报