一款jQuery特效编写的大度宽屏焦点图切换特效
2016-04-26 14:11:24 来源: 阅读:
一款jQuery编写的大度宽屏焦点图切换特效
焦点图显示区域有固定的宽度,当前显示宽度之外是一个半透明层显示的其它的焦点图片，
最好的是，此特效兼容IE6以及其它浏览器。
适用浏览器：IE6、IE7、IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.
主要代码如下：
1 <script type="text/javascript"> 2 jQuery(".slider .bd li").first().before( jQuery(".slider .bd li").last() ); 3 jQuery(".slider").hover(function(){ 4 jQuery(this).find(".arrow").stop(true,true).fadeIn(300) 5 },function(){ 6 jQuery(this).find(".arrow").fadeOut(300) }); 7 jQuery(".slider").slide( 8 { titCell:".hd ul", mainCell:".bd ul", effect:"leftLoop",autoPlay:true, vis:3,autoPage:true, trigger:"click"} 9 ); 10 </script>
效果图如下：
特效下载地址：http://www.jqshare.com/Jq/fondone/id/138.html
更多特效：jquery特效