您好,欢迎来到jQuery吧!QQ群:193687763(钱端开发)

jQuery吧-Write Less, Do More | 注重前端开发

首页 > jQuery > jQuery特效 > jQuery焦点图幻灯片特效 > 正文

jquery多屏左右滑动式幻灯片特效

2014-03-06 10:03:18 作者:天外飞仙 人气:1483 Views

jquery多屏左右滑动式幻灯片特效
jquery多屏左右滑动式幻灯片特效
部分js代码

this.each(function() { var r = a(this), m = r.find("ul"); var o = m.find("li"), p = o.size(), q = 0, g, k; r.width(e.width); m.width(e.width * p); m.hover(function() { k = setTimeout(function() { clearInterval(g); g = null }, 1000) }, function() { clearTimeout(k); if (!g) { n(); h() } }); var i = new d(r, function(s) { m.stop(); if ("left" == s) { j() } else { n() } clearInterval(g); h() }); var f = new c(r, function() { q = a(this).index(); m.stop(); l(q); clearInterval(g); h() }); var h = function() { if (p <= 1) { return } g = setInterval(function() { n() }, e.interval) }; h(); var l = function(s) { if (f.update) { f.update(s) } m.animate({ "margin-left": -s * e.width }, e.speed) }, n = function() { q++; if (q >= p) { q = 0 } l(q) }, j = function() { q--; if (q < 0) { q = p - 1 } l(q) } })

下载地址
预览地址

链接:http://www.jqueryba.com/2721.html(转载时请注明本文出处及文章链接)

jQuery吧-Write Less, Do More | 注重前端开发

jQuery吧-Write Less, Do More | 注重前端开发

Copyright © 2013 jqueryba.com, All Rights Reserved.奔跑在阿里云

免责声明:本站所有内容来源于互联网。如果本站部分内容侵犯您的权益,请您告知,站长会立即处理 苏ICP备12059471号

站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!