基于jquery编写的横向自适应幻灯片切换特效的实例代码
时间:2021-04-21 09:38:34|栏目:jquery|点击: 次
复制代码 代码如下:
<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插件HighCharts绘制2D金字塔图效果示例【附demo源码下载】
栏 目:jquery
下一篇:jQuery EasyUI 组件加上“清除”功能实例详解
本文标题:基于jquery编写的横向自适应幻灯片切换特效的实例代码
本文地址:http://www.codeinn.net/misctech/105738.html