jquery implémente le défilement des annonces effect_jquery

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