联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > 网页前端技术 > 正文

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

作者:98wpeu发布时间:2026-07-18分类:网页前端技术浏览:3


导读:复制代码代码如下:<scripttype="text/javascript">JQuery(".fullSlide").hover(function(){   j...

复制代码 代码如下:
<scripttype="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>

效果图如下:

标签:幻灯片横向自适应实例特效代码


网页前端技术排行
最近发表
网站分类
标签列表