CSS:
ul, li {marge: 0; rembourrage: 0; } #scrollDiv {width: 300px; hauteur: 25px; hauteur de ligne: 25px; Border-Bottom: # 4C8CD1 1px solide; débordement: caché; } #scrolldiv li {hauteur: 25px; padding-gauche: 10px; }JS:
<Script> fonction autoScroll (obj) {$ (obj) .find ("ul: premier"). animate ({margintop: "-25px"}, 800, function () {$ (this) .css ({margintop: "0px"}). find ("li: premier"). } $ (document) .ready (function () {setInterval ('AutoScroll ("# scrollDiv")', 3000) setInterval ('AutoScroll ("# scrollDiv")', 3000)}); </cript>HTML:
<div id = "ScrollDiv"> <ul> <li> Il s'agit de la première ligne du titre d'annonce </li> <li> Il s'agit de la deuxième ligne du titre d'annonce </li> <li> Il s'agit de la troisième ligne du titre d'annonce </li> <li> Il s'agit de la quatrième ligne de l'annonce </li> <li> Cecième de la ligne de l'annonce </li> </li> Ceci est la quai de l'annonce de l'annonce du titre d'annonce </li> <li> Ceci est la sixième ligne de l'annonce du titre </li> <li> Titre </li> <li> Il s'agit de la septième ligne de l'annonce Titre </li> <li> Il s'agit de la huitième ligne du titre d'annonce </li> </ul> </div>
La simple implémentation du défilement JS ci-dessus est tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.