基于jQuery编写的横向自适应幻灯片切换特效
全屏自适应jquery焦点图切换特效,在IE6这个蛋疼的浏览器兼容性问题上得到了和谐,兼容IE6。
适用浏览器:IE6、IE7、IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.
相关代码:
1 <script type="text/javascript"> 2 jQuery(".fullSlide").hover(function() { 3 jQuery(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5) 4 }, 5 function() { 6 jQuery(this).find(".prev,.next").fadeOut() 7 }); 8 jQuery(".fullSlide").slide({ 9 titCell: ".hd ul", 10 mainCell: ".bd ul", 11 effect: "fold", 12 autoPlay: true, 13 autoPage: true, 14 trigger: "click", 15 startFun: function(i) { 16 var curLi = jQuery(".fullSlide .bd li").eq(i); 17 if ( !! curLi.attr("_src")) { 18 curLi.css("background-image", curLi.attr("_src")).removeAttr("_src") 19 } 20 } 21 }); 22 </script>
效果图如下:
特效下载地址:http://www.jqshare.com/Jq/fondone/id/140.html
更多特效:jquery特效