2025年8月24日大约 1 分钟
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>小例子</title>
<style type="text/css">
#uls{display:none;position:absolute;}
</style>
</head>
<body>
<marquee id='text' behavior="" direction="left" style='font-size:40px;width:800px;margin-left:300px'>热烈庆祝中国人民解放军建军90周年</marquee>
<!-- <marquee id='text' behavior="" direction="right" style='font-size:40px;width:800px;margin-left:300px'>热烈庆祝中国人民解放军建军90周年</marquee> -->
<ul id='uls'>
<li>韩部署剩余萨德再激化矛盾 乐天在华已损失千亿</li>
<li>中国空军惊现抄底式改装：由歼7战机直接用上歼10B</li>
<li>中国受美军SR72威胁有多大 加速研发一新型武器应对</li>
<li>人民日报:《战狼2》为啥火得“不像话”</li>
<li>百度外卖或将卖给饿了么 外卖价格可能上涨</li>
<li>北京试点身份证自助申请办理 照片不满意可重拍</li>
<li>男子把10吨雕像立小区门口 只为朋友串门好认路</li>
<li>乐视手机维修点陆续关闭，贾跃亭仍身处美国</li>
<li>魅族PRO 7系列发布 没有摆脱“万年联发科”的帽子</li>
</ul>
<script type="text/javascript" src='jquery-1.8.3.min.js'></script>
<script type="text/javascript">
setInterval(function(){
//从下向上滚动效果
//$('#uls li').last().hide().slideDown(1000).prependTo('#uls');
//自下向上的滚动效果
/*$('#uls li').first().hide(1000).slideUp(1000,function(){
$(this).appendTo('#uls').show(1000);
})*/
//$('#uls').slideDown(2000).hide(1000);
$('#uls').slideDown(1000).animate({top:'150px'},1200).fadeOut('fast');
},4000)
</script>
</body>
</html>