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

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

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

易迅商城网站新品首发jQuery焦点图效果

2015-05-08 09:05:40 作者:天外飞仙 人气:734 Views

易迅商城网站新品首发jQuery焦点图效果
20150408140300
部分jquery代码

<script type="text/javascript" src="js/jqueryba.js"></script><script type="text/javascript"> $(function() { var $window = $(window), window_width = $window.width(); $('#js_banner, #js_banner_img li').width(window_width); var urlParam = G.util.parse.url(), startFrame = 0; if (urlParam.search && ('banner' in urlParam.search)) { startFrame = (parseInt(urlParam.search['banner']) - 1) || 0; } new $.Tab({ /*添加圆点按钮*/ target: $('#js_banner_img li'), effect: 'slide3d', animateTime: 1000, stay: 4000, playTo: startFrame, autoPlay: true, merge: true, prevBtn: $('#js_banner_pre'), nextBtn: $('#js_banner_next') }); $('#js_banner_img').css('left', '-' + (window_width * startFrame) + 'px'); })</script>

下载地址
预览地址

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

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

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

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

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

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