话不多说,请看实现代码:
& lt; !DOCTYPE html>
& lt; html lang=癳n”比;
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title> Document
& lt; style>
* {
保证金:0;
填充:0;
｝
.lunbo {
位置:相对;
宽度:600 px;
高度:50 px;
边界:1 px固体红;
溢出:隐藏;
｝
ul {
位置:绝对的;
左:0;
上图:0;
宽度:600 px;
高度:汽车;
｝
ul李{
宽度:600 px;
高度:50 px;
行高:50 px;
字体大小:20 px;
颜色:# 333;
text-align:中心
｝
& lt;/style>
& lt;/head>
& lt; body>
& lt; div类=發unbo”比;
& lt; ul>
& lt; li>人生在世须尽欢莫使金樽空对月& lt;/li>
& lt; li>我寄愁心与明月,随风直到夜郎西& lt;/li>
& lt; li>不是花中偏爱菊,此花开尽更无花& lt;/li>
& lt; li>辛苦遭逢起一经,干戈寥落四周星& lt;/li>
& lt; li>山河破碎风飘絮,身世浮沉雨打萍。;/li>
& lt; li>惶恐滩头说惶恐,零丁洋里叹零丁。;/li>
& lt; li>人生自古谁无死?留取丹心照汗青。;/li>
& lt;/ul>
& lt;/div>
& lt;脚本src=" https://www.yisu.com//cdn.bootcss.com/jquery/2.2.2/jquery.js "祝辞& lt;/script>
& lt; script>
函数lunbo (id、高度){
var ul=$ (id);
var liFirst=ul.find(李:第一);
$ (id) .animate({:高度}).animate({“顶级”:0},0,函数(){
var=liFirst.clone克隆();
美元(id) .append(克隆);
liFirst.remove ();
}）
｝
setInterval (“lunbo (“ul”、“-50 px”)”, 3000年)
& lt;/script>
& lt;/body>
& lt;/html>
之前
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
