L'éditeur ci-dessous partagera avec vous un exemple de défilement vers le haut à l'imitation de Jingdong Express. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde. Suivons l'éditeur et jetons un coup d'œil
Les exemples sont les suivants :
<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <p id="broadcast" class="bar" name="giftactive"> <p style="float:left"><strong>间隔滚动效果:</strong></p> <p id="demo" style="overflow:hidden;height:22px;line-height:22px;"> <ul class="mingdan" id="holder"> <li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank">aaaaaa</a></li> <li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank">bbbbbb</a></li> <li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank">cccccc</a></li> <li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank">dddddd</a></li> <li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank">eeeeee</a></li> </ul> </p> </p> <script type="text/javascript"> function AutoScroll(obj) { $(obj).find("ul:first").animate({ marginTop: "-22px" }, 500, function() { $(this).css({ marginTop: "0px" }).find("li:first").appendTo(this); }); } $(document).ready(function() { setInterval('AutoScroll("#demo")', 1000) }); </script> </body> </html>
Ce qui précède est ce que j'ai compilé pour tout le monde. . J'espère que cela vous sera utile à l'avenir.
Articles connexes :
Comment implémenter la barre de navigation à l'aide de vue
Comment utiliser les éléments iframe dans les composants vue
Comment charger les composants webpack require.ensure dans vue
Comment implémenter la réponse de formulaire dans Angular4
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!