communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
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
1724 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：
    Chapiteau
    source：php.cn
    Article précédent：Exemple de jQuery obtenant les valeurs des cases à cocher sélectionnées séparément_jquery Article suivant：JS obtient les informations de la ligne sur laquelle la cellule bouton est cliquée_javascript skills
    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
    Derniers articles par auteur
    Derniers numéros
    Déplacez le contenu vers la gauche en ajoutant la propriété Largeur J'ai prévu des marges au corps. main {gauche marge : 200px ; marge droite : 200px ; aligne...
    Depuis 2024-04-06 22:01:35
    0
    3
    816
    Quelles sont les meilleures pratiques pour afficher les informations de version dans les applications Web ? Je développe une application Web. Quelles sont les meilleures pratiques pour afficher les ...
    Depuis 2024-04-06 19:13:16
    0
    2
    476
    MySQL récupère les données de plusieurs tables J'ai une table eg_design qui contient les colonnes suivantes : et une table eg_domains qui...
    Depuis 2024-04-06 18:42:44
    0
    2
    479
    Les points de nuage de points ne conservent pas leurs valeurs lors du zoom dans d3.js C'est la première fois que j'utilise d3.js, alors soyez indulgents avec moi. Je l'ai implé...
    Depuis 2024-04-06 18:16:26
    0
    1
    403
    Laravel 8 - Comment rediriger la route /{editable_text} vers la route /{user} J'ai essayé de créer un itinéraire de redirection pour me conduire à un profil utilisateur...
    Depuis 2024-04-06 17:26:11
    0
    1
    410
    Rubriques connexes
    Plus>
    Recommandations populaires
    Tutoriels populaires
    Plus>
    Tutoriels associés
    Recommandations populaires
    Derniers cours
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal