设为首页收藏本站

开启辅助访问切换到窄版

论坛BBS

深圳全飞鸿»论坛 › MES开源 › 技术开源 › HTML5 › 显示滚动文字的一种方法

发新帖

查看: 852|回复: 0

上一主题

下一主题

显示滚动文字的一种方法

800 主题	1379 帖子	7704 积分

Rank: 7 Rank: 7 Rank: 7

积分: 7704

发消息

电梯直达

跳转到指定楼层

楼主

发表于 2021-8-16 20:03:40 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>[url]www.nagomes.com[/url]</title>
<script type="text/javascript" src="js/jquery.js"></script>
</head>
<style>
.adduser{ height:6.0rem; overflow: hidden;}
.adduser ul{ margin-top:0; }
.adduser li{ height:1.5rem; list-style-type:none; }
</style>
<script type="text/javascript">
$(document).ready(function(){
var html2=$(".adduser ul").html()
$(".adduser ul").append(html2)
var ls2=$(".adduser li").length/2+1
a=0
ref = setInterval(function(){
a++
if(a==ls2){
a=1
$(".adduser ul").css({marginTop:0})
$(".adduser ul").animate({marginTop:-'1.5'*a+'rem'},500)
}
$(".adduser ul").animate({marginTop:-'1.5'*a+'rem'},500)
},1000);
})
</script>
<body>
<div class="adduser">
<ul class="clearfix">
<li class="clearfix"> <span>11今日新增会员列表 24岁 - 女 - 广州 </span> </li>
<li class="clearfix"> <span>12今日新增会员列表 24岁 - 女 - 广州 </span> </li>
<li class="clearfix"> <span>13今日新增会员列表 24岁 - 女 - 广州 </span> </li>
<li class="clearfix"> <span>14今日新增会员列表 24岁 - 女 - 广州 </span> </li>
<li class="clearfix"> <span>15今日新增会员列表 24岁 - 女 - 广州 </span> </li>
<li class="clearfix"> <span>16今日新增会员列表 24岁 - 女 - 广州 </span> </li>
</ul>
</div>
</body>
</html>

复制代码

回复

使用道具举报

发新帖

|Archiver|手机版|小黑屋|nagomes

GMT+8, 2025-5-5 00:03 , Processed in 0.023453 second(s), 21 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表