jquery实现图片轮播效果代码(基于jquery.pack.js插件)

上传人:bin****86 文档编号:59370633 上传时间:2018-11-06 格式:DOCX 页数:24 大小:25.43KB
返回 下载 相关 举报
jquery实现图片轮播效果代码(基于jquery.pack.js插件)_第1页
第1页 / 共24页
jquery实现图片轮播效果代码(基于jquery.pack.js插件)_第2页
第2页 / 共24页
jquery实现图片轮播效果代码(基于jquery.pack.js插件)_第3页
第3页 / 共24页
jquery实现图片轮播效果代码(基于jquery.pack.js插件)_第4页
第4页 / 共24页
jquery实现图片轮播效果代码(基于jquery.pack.js插件)_第5页
第5页 / 共24页
点击查看更多>>
资源描述

《jquery实现图片轮播效果代码(基于jquery.pack.js插件)》由会员分享,可在线阅读,更多相关《jquery实现图片轮播效果代码(基于jquery.pack.js插件)(24页珍藏版)》请在金锄头文库上搜索。

1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解jQuery实现图片轮播效果代码(基于jquery.pack.js插件)这篇文章主要介绍了jQuery实现图片轮播效果的方法,该功能基于jquery.pack.js插件实现,涉及jQuery针对页面元素与样式的动态操作技巧,需要的朋友可以参考下本文实例讲述了jQuery实现图片轮播效果代码。分享给大家供大家参考,具体如下:代码如下:http:/www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd图片轮播切换效果#

2、banner position:relative; width:478px; height:286px; border:1px solid #666; overflow:hidden;#banner_list img border:0px;#banner_bg position:absolute; bottom:0;background-color:#000;height:30px;filter: Alpha(Opacity=30);opacity:0.3;z-index:1000;cursor:pointer; width:478px; #banner_infoposition:absolu

3、te; bottom:0; left:5px;height:22px;color:#fff;z-index:1001;cursor:pointer#banner_text position:absolute;width:120px;z-index:1002; right:3px; bottom:3px;#banner ul position:absolute;list-style-type:none;filter: Alpha(Opacity=80);opacity:0.8; border:1px solid #fff;z-index:1002; margin:0; padding:0; bo

4、ttom:3px; right:5px;#banner ul li padding:0px 8px;float:left;display:block;color:#FFF;border:#e5eaff 1px solid;background:#6f4f67;cursor:pointer#banner ul li.on background:#900#banner_list aposition:absolute;var t = n = 0, count;$(document).ready(function()count=$(#banner_list a).length;$(#banner_li

5、st a:not(:first-child).hide();$(#banner_info).html($(#banner_list a:first-child).find(img).attr(alt);$(#banner_info).click(function()window.open($(#banner_list a:first-child).attr(href), _blank);$(#banner li).click(function() var i = $(this).text() - 1;/获取Li元素内的值,即1,2,3,4 n = i; if (i = count) retur

6、n; $(#banner_info).html($(#banner_list a).eq(i).find(img).attr(alt); $(#banner_info).unbind().click(function()window.open($(#banner_list a).eq(i).attr(href), _blank) $(#banner_list a).filter(:visible).fadeOut(500).parent().children().eq(i).fadeIn(1000); document.getElementById(banner).style.backgrou

7、nd=; $(this).toggleClass(on); $(this).siblings().removeAttr(class););t = setInterval(showAuto(), 4000);$(#banner).hover(function()clearInterval(t), function()t = setInterval(showAuto(), 4000););)function showAuto()n = n =(count - 1) ? 0 : +n;$(#banner li).eq(n).trigger(click); 1 2 3 4 5 jquery-1.2.6

8、.pack.js源码如下:代码如下:/* jQuery 1.2.6 - New Wave Javascript* Copyright (c) XX John Resig ()* Dual licensed under the MIT (MIT-LICENSE.txt)* and GPL (GPL-LICENSE.txt) licenses.* $Date: XX-05-24 14:22:17 -0400 (Sat, 24 May XX) $* $Rev: 5685 $*/eval(function(p,a,c,k,e,r)e=function(c)return(c35?String.fromC

9、harCode(c+29):c.toString(36);if(!.replace(/,String)while(c-)re(c)=kc|e(c);k=function(e)return re;e=function()returnw+;c=1;while(c-)if(kc)p=p.replace(new RegExp(b+e(c)+b,g),kc);return p(H()J w=1b.4M,3m$=1b.$;J D=1b.4M=1b.$=H(a,b)I 2B D.17.5j(a,b);J u=/)*$|#(w+)$/,62=/.:#.*$/,12;D.17=D.44=5j:H(d,b)d=d

10、|S;G(d.16)70=d;7.K=1;I 7G(1j d=23)J c=u.2D(d);G(c&(c1|!b)G(c1)d=D.4h(c1,b);NJ a=S.61(c3);G(a)G(a.2v!=c3)I D().2q(d);I D(a)d=N I D(b).2q(d)N G(D.1D(d)I D(S)D.17.27?27:43(d);I 7.6Y(D.2d(d),5w:1.2.6,8G:H()I 7.K,K:0,3p:H(a)I a=12?D.2d(7):7a,2I:H(b)J a=D(b);a.5n=7;I a,6Y:H(a)7.K=0;2p.44.1p.1w(7,a);I 7,P:

11、H(a,b)I D.P(7,a,b),5i:H(b)J a=-1;I D.2L(b&b.5w?b0:b,7),1K:H(c,a,b)J d=c;G(c.1q=56)G(a=12)I 70&Db|1K(70,c);Nd=;dc=aI 7.P(H(i)R(c 1n d)D.1K(b?7.V:7,c,D.1i(7,dc,b,i,c),1g:H(b,a)G(b=2h|b=1Z)&3d(a) +/.11(b)|b.1h(.)-1?D.4r(c):c),5y:H(e)J f=7.2l(H()G(D.14.1f&!D.4n(7)J a=7.6o(M),5h=S.3h(1v);5h.3U(a);I D.4h(

12、5h.4H)0N I 7.6o(M);J d=f.2q(*).5c().P(H()G(7E!=12)7E=U);G(e=M)7.2q(*).5c().P(H(i)G(7.16=3)I;J c=D.L(7,3w);R(J a 1n c)R(J b 1n ca)D.W.1e(di,a,cab,cab.L);I f,1E:H(b)I 7.2I(D.1D(b)&D.3C(7,H(a,i)I b.1k(a,i)|D.3g(b,7),4Y:H(b)G(b.1q=56)G(62.11(b)I 7.2I(D.3g(b,7,M);N b=D.3g(b,7);J a=b.K&bb.K-1!=12&!b.16;I

13、7.1E(H()I a?D.2L(7,b)0,7T:H(a)I 7.3F(.+a),6e:H(b)G(b=12)G(7.K)J c=70;G(D.Y(c,2A)J e=c.64,63=,15=c.15,2V=c.O=2A-2V;G(e=0|D.2L(7.34,b)=0);N G(D.Y(7,2A)J a=D.2d(b);D(9R,7).P(H()7.2W=(D.2L(7.2x,a)=0|D.2L(7.1r,a)=0);G(!a.K)7.64=-1N 7.2x=b),2K:H(a)I a=12?(70?70.4H:U):7.4E().3v(a),7b:H(a)I 7.5q(a).21(),79:H(i)I 7.3s(i,i+1),3s:H()I 7.2I(2p.44.3s.1w(7,19),2l:H(b)I 7.2I(D.2l(7,H(a,i)I b.1k(a,i,a),5c:H()I 7.1e(7.5n),L:H(d,b)J a=d.1R(.);a1=a1?.+a1:;G(b=12)J c=7.5C(9z+a1+!,a0);G(c=12&7.K)c=D.L(70,d);I c=12&a1?7.L(a0):cN I 7.1P(9u+a1+

展开阅读全文
相关资源
正为您匹配相似的精品文档
相关搜索

最新文档


当前位置:首页 > 办公文档 > 总结/报告

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号