基于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.baisoujs.com/detail_137576958559393.html