【jQuery】文字轮流滚动播放

导航

侧边栏

最新评论

广树管理员

2026-07-11 12:19

@666：因为avif格式到24年才几乎被主流浏览器覆盖。webp的缺点是不支持hdr

666

2026-07-11 12:17

avif见的不多，webp倒是不少

广树管理员

2026-07-11 11:50

@Ringnee：就是所有关卡clear

广树管理员

2026-07-11 11:50

@Aki：据我所知三星的HDR方案应该是安卓机较为通用的方案，也不排除其他手机特立独行。

Ringnee

2026-07-09 09:57

我前两天想玩一下健身环发现switch打开也没电了。节奏天国的玩到最后是什么意思？还有攻略关卡吗

攻略中

暂无评分

NS节奏天国奇迹之星

2026年7月08日 20时 ~ 攻略中

已累计游玩3天

《节奏天国：奇迹之星》是一款轻松又充满创意的音乐节奏游戏，玩家只需跟随音乐节拍按下按键，就能完成跳跃、敲击空罐、制作料理等各种有趣的小挑战。游戏延续了《节奏天国》系列简单易上手、节奏感强、画风幽默的特点，让玩家在一个个短小精巧的关卡中感受音乐与反应力结合的乐趣，适合喜欢节奏游戏和轻松休闲玩法的玩家体验。

暂无评分

PS5传颂之物：循白之证

2026年5月31日 19时 ~ 攻略中

已累计游玩1个月11天

《传颂之物：循白之证》是 AQUAPLUS 开发、Shiravune 发行的《传颂之物》系列动作 RPG。故事发生在大国“大和”恢复和平之后：奥修特尔、御雷、宗近、修娘等人击退敌国阿瓦什兰的侵略，本应迎来安宁，但各地却陆续出现看似毫无关联的怪异现象，并逐渐指向同一个源头；随着三条线索彼此重叠，众人再次踏上旅程，而旅途尽...

【jQuery】文字轮流滚动播放

2016-02-12 21:08:37

JavaScript

CSS部分：

#mobile4{width:auto;height:60px;overflow:hidden;cursor: pointer;font-size:12px!important;}
#mobile4 a{color:#000;}
#mobile4 .wtleft{ width:75px;float:left;}
#mobile4 .wtname{width:100%;float:left; margin-top:8px; height:20px;}
#mobile4 .order{width:100%;float:left; margin-top:3px; height:20px;}
#mobile4 .wt{width:112px;float:left;margin-top:5px }
#mobile4 .wtpic{line-height:48px;height:48px;width:48px;float:left;}
#mobile4 .wt1{width:64px; float:left;}
#mobile4 .wtline{width:100%;float:left; height:18px; line-height:18px;margin-top:3px;}
.mobile04{width:100%;font-size:12px;height:24px;overflow:hidden;}
.mobile04 ul{list-style-type:none;margin:0;padding:0;}
.mobile04 ul li{height:25px;line-height:25px;float:left;display:inline;width:100%; overflow:hidden;}
.mobile04 .f1{ background:#54A932; color:#fff; line-height:12px; padding:1px 2px 2px;}
.mobile04 ul li span{padding-left:5px;}

html部分：

<div class="mobile04" id="myscroll">
  <ul>
    <li>
            <span>2015-07-02</span> 
            <span>温州</span> 
            <span class="img04">
            <img class='pngtqico' align='absmiddle' src='http://img.tianqi.com/static/images/tianqi/b0.png' style='border:0;width:20px;height:20px'/>
            </span> 
            <span style="padding-left:0px;">晴</span> 
            <font style="color:#4899be;">12℃</font>～
            <font style="color:#f00;">4℃</font>      
    </li>
    <li>
            <span>2015-07-02</span> 
            <span>温州</span> 
            <span class="img04">
            <img class='pngtqico' align='absmiddle' src='http://img.tianqi.com/static/images/tianqi/b0.png' style='border:0;width:20px;height:20px'/>
            </span> 
            <span style="padding-left:0px;" id="tenki">晴</span> 
            <font style="color:#4899be;">22℃</font>～
            <font style="color:#f00;">4℃</font>      
    </li>
    <li>
            <span>2015-07-02</span> 
            <span>温州</span> 
            <span class="img04">
            <img class='pngtqico' align='absmiddle' src='http://img.tianqi.com/static/images/tianqi/b0.png' style='border:0;width:20px;height:20px'/>
            </span> 
            <span style="padding-left:0px;" id="tenki">晴</span> 
            <font style="color:#4899be;">32℃</font>～
            <font style="color:#f00;">4℃</font>      
    </li>
    <li>
            <span>2015-07-02</span> 
            <span>温州</span> 
            <span class="img04">
            <img class='pngtqico' align='absmiddle' src='http://img.tianqi.com/static/images/tianqi/b0.png' style='border:0;width:20px;height:20px'/>
            </span> 
            <span style="padding-left:0px;" id="tenki">晴</span> 
            <font style="color:#4899be;">42℃</font>～
            <font style="color:#f00;">4℃</font>      
    </li>
    <li>
            <span>2015-07-02</span> 
            <span>温州</span> 
            <span class="img04">
            <img class='pngtqico' align='absmiddle' src='http://img.tianqi.com/static/images/tianqi/b0.png' style='border:0;width:20px;height:20px'/>
            </span> 
            <span style="padding-left:0px;" id="tenki">晴</span> 
            <font style="color:#4899be;">12℃</font>～
            <font style="color:#f00;">4℃</font>      
    </li>
 </ul>
</div>

js部分：

<script type="text/javascript">
function AutoScroll(obj){
        $(obj).find("ul:first").animate({
                marginTop:"-25px"/*根据一条的实际高度*/
        },500,function(){
                $(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
        });
}
$(document).ready(function(){
	li_num = $('#myscroll ul li').length
	tenki_speed = 2000 //滚动速度
	if(li_num > 1){
setInterval('AutoScroll("#myscroll")',tenki_speed)
	}
});
</script>