网络编程 
首页 > 网络编程 > 浏览文章

基于jquery编写的横向自适应幻灯片切换特效的实例代码

(编辑:jimmy 日期: 2025/5/16 浏览:3 次 )

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

上一篇:intro.js 页面引导简单用法 分享
下一篇:IE下JS读取xml文件示例代码
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap