基于jquery编写的横向自适应幻灯片切换特效的实例代码
基于jquery编写的横向自适应幻灯片切换特效的实例代码
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:jQuery(".fullSlide").hover(function(){jQuery(this).find(".pre...

复制代码 代码如下:

<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编写的横向自适应幻灯片切换特效的实例代码1

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类