jquery implémente le défilement des annonces effect

L'effet de roulement est très bon et le code est très simple, donc il n'y aura pas beaucoup de bêtises ici.

Copier le code Le code est le suivant : //Fichier de styles : * { marge : 0 ; remplissage : 0; } .scrollNews { largeur : 100 % ; Hauteur : 20 px ; débordement : masqué ; arrière-plan : #FFFFFF; Bordure : 0px solide #AAAAAA ; } .scrollNews ul { remplissage : 2 px, 5 px, 5 px, 25 px ; } .scrollNews ul li { Hauteur : 20 px ; type de style de liste : aucun ; taille de la police : petite ; } un { décoration de texte : aucune ; } En-tête js

N'oubliez pas d'importer la bibliothèque jquery

Copier le code Le code est le suivant : $(fonction () { var settime; $(".scrollNews").hover(function () { }, fonction () { settime = setInterval(function () { var $first = $(".scrollNews ul:first"); var $first = $(".scrollNews ul :premier") ); var height = $first.find("li:first").height(); // Obtenez la hauteur du premier li et préparez-vous à ce que l'ul monte ; $first.animate({ "marginTop": -height "px" }, 600, function () { $ First.css ({margintop : 0}). Rechercher ("li : premier"). }); }, 3000); }). Trigger ("mouseLeave"); // La méthode trigger () de la méthode trigger () consiste à déclencher le type d'événements de l'élément sélectionné . });

zone de texte jsp

Copier le code

Le code est le suivant : . Annonce de mise à jour du nom du menu du module de requête : à partir du 09/02/2015, le menu du module de requête utilise un nouveau nom. Pour plus de détails, veuillez vous référer au [Tableau de comparaison des nouveaux et anciens noms du module de requête] ci-dessous. . Annonce de mise à jour du nom du menu du module de requête : à partir du 09/02/2015, le menu du module de requête utilise un nouveau nom. Pour plus de détails, veuillez vous référer au [Tableau de comparaison des nouveaux et anciens noms du module de requête] ci-dessous.

Amis, n'hésitez pas à l'utiliser dans vos propres projets

jquery implémente le défilement des annonces effect_jquery