(Jquery图片滚动,幻灯片封装二.docVIP

已经封装好了，主要修改文档加载中传入的类名即可。方便大家使用，以后经常封装一些好的插件给大家用，可以定制一些东西的那种（比如，速度，样式，等等）。 更新内容（图片循环滚动有一个问题，那就是如果复制多一个div呢?这样如果一个停止另一个也会停止，也就是同步进行的） 以下代码将保留之前的（是为了做对比） 二、已更新（幻灯片有文字效果的） ? !DOCTYPE html html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title幻灯片切换/title script type=text/javascript src=jquery.min.js/script script type=text/javascript src=幻灯片_slide - 副本.js/script script type=text/javascript $(document).ready(function () { slide(.frame); //----------------------只需要修改 ”.frame (就是最大的div的class值这里就行--------------------- }); function slide(cls) { $(cls).find(ul).wrap(div/div); $(cls + div).eq(0).attr(class, iframe); $(cls).append(div/div); var cls_div = cls + div; $(cls_div).eq(1).attr(class, title_word).fadeTo(0, 0.4); var li = $(cls).find(li).size();//统计多少张图片 var li_width = $(cls).find(li).width(); //获取li的宽度 $(cls_div).eq(1).width(li_width - 30); //这里的30取决于你给文字div的pading-left。 $(cls_div).eq(0).children(ul).width(li_width * li);//设置宽度，使图片排成一排 var s = ul class=button;//生成li的按钮 for (var i = 0; i li; i++) { s += li + (i + 1) + /li; } s += /ul; $(s).appendTo($(cls));//生成按钮结束,并添加到最大div里面 var _i = 0;//当前的编号 $(cls).find(.button li).each(function (i) { //生成按钮点击事件 $(this).click(function () { _i = i; $(this).attr(class, on).siblings().removeAttr(class);//设置class，没必要再多加一个 $(cls_div).eq(0).stop().animate({ scrollLeft: i * li_width }, slow);//图片移动 var img_title = $(this).parent().siblings(.iframe).find(img).eq(i).attr(title); $(.title_word).html(img_title); }); }).eq(0).click(); function tt() {//定时器函数