Maison > interface Web > js tutoriel > L'effet du texte montant vers le haut basé sur jquery est similaire à celui d'un marquee_jquery

L'effet du texte montant vers le haut basé sur jquery est similaire à celui d'un marquee_jquery

WBOY
Libérer: 2016-05-16 16:44:10
original
1720 Les gens l'ont consulté

Je voulais obtenir un effet similaire à un chapiteau, mais j'ai trouvé que le chapiteau avait des espaces. L'effet n'était pas beau, j'ai donc utilisé jquery pour écrire un

code de page

<.>Copier le code Le code est le suivant :
tpl-rotate-recordList" style=" margin-top: 0px;">

  • Félicitations à 187****5204 pour avoir obtenu 1000RBM


  • Félicitations à 137****1372 pour avoir gagné 1000RBM


  • Félicitations à 156****0276 pour avoir obtenu 1000RBM


  • Félicitations à 139 ****9856 qui a obtenu 1000RBM


  • Félicitations à 136****0580 pour avoir obtenu 1000RBM
    < ;/li>

  • Félicitations à 136*** *0580 pour avoir gagné 1000RBM

  • Félicitations à 138****8118 pour avoir obtenu 1000RBM
    < ;/li>
  • Félicitations à 136****5555 pour avoir obtenu 1000RBM
  • li class="tpl-rotate-recordList-item">
    Félicitations à 136****0580 obtenu 1000RBM
    item">
    Félicitations au 136****0580 pour l'obtention de 1000RBM





    Code js



    Copier le code
    Le code est le suivant : /*Rotation automatique xuyw* / var AutoScroll = function(a) { $(a).find("ul:first").animate ( {
    marginTop : "-20px"
    }, 500, function( ) {
    $(this).css( {
    marginTop : "0px"
    }).find(" li:first").appendTo(this)
    })
    }
    if ($(".recordList ul li").length > 0) {
    setInterval('AutoScroll(". recordList")', 2000)
    } else {
    $(". recordList").hide()
    }

    É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
    Tutoriels populaires
    Plus>
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal