Maison > interface Web > js tutoriel > le corps du texte

Exemple de code pour implémenter des images de carrousel et un défilement transparent dans SuperSlidev2.1

零下一度
Libérer: 2017-06-26 14:55:59
original
1564 Les gens l'ont consulté

SuperSlidev2.1.用方法如下

html







     

    js

    /***Effet de bannière carrousel plein écran***/
    $( ".fullSlide").hover(function(){
    $(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5)

    } ,

    function(){

    $(this).find(".prev,.next").fadeOut()

    });

    $(".fullSlide").slide({

    titCell : ".hd ul",
    mainCell : ".bd ul",
    effet : "fold",
    autoPlay : true,
    autoPage : true,
    déclencheur : "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")
    }
    >
    });
    /***Effet carrousel***/
    $(".dtbd").slide({titCell: ".hd li",mainCell:".bd ul",autoPlay:true});

    /***faire défiler l'image***/
    $(".hzhb").slide({mainCell:".bd ul",autoPlay:true,effect:"leftMarquee",vis:6, interTime:50,trigger:"click",prevCell:".prev",nextCell:".next"});


    Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

    Étiquettes associées:
    source:php.cn
    Déclaration de ce site Web
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
    Recommandations populaires
    Tutoriels populaires
    Plus>
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal