基于jquery编写的横向自适应幻灯片切换特效的实例代码
发布时间:2014-03-01 编辑:jiaochengji.com
全屏自适应jquery焦点图切换特效,在IE6这个蛋疼的浏览器兼容性问题上得到了和谐,兼容IE6。适用浏览器:IE6、IE7、IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.相关代码:
复制代码 代码如下:
<script type="text/javascript">
jquery(".fullSlide").hover(function() {
jQuery(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5)
},
function() {
jQuery(this).find(".prev,.next").fadeOut()
});
jQuery(".fullSlide").slide({
titCell: ".hd ul",
mainCell: ".bd ul",
effect: "fold",
autoPlay: true,
autoPage: true,
trigger: "click",
startFun: function(i) {
var curLi = jQuery(".fullSlide .bd li").eq(i);
if ( !! curLi.attr("_src")) {
curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
}
}
});
</script>
效果图如下:
您可能感兴趣的文章:
基于jquery编写的横向自适应幻灯片切换特效的实例代码
基于jquery的15款幻灯片插件
jquery幻灯片特效banner切换实例
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二
分享精心挑选的23款美轮美奂的jQuery 图片特效插件
8款非常棒的响应式jQuery 幻灯片插件推荐
基于jQuery的淡入淡出可自动切换的幻灯插件打包下载
基于jQuery的可用于选项卡及幻灯的切换插件
在网站上应该用的30个jQuery插件整理
jquery图片自动切换插件和实例
[关闭]