找回密码
 立即注册
即日起,论坛关闭新用户注册和登录,论坛相关的贴子保留查阅和下载。获得授权后,有技术问题可联系微信 13199509559 一对一解决。 2024-3-12
查看: 3017|回复: 0
打印 上一主题 下一主题

JS新闻向上单条滚动效果

209

主题

209

主题

209

主题

管理员

Rank: 9Rank: 9Rank: 9

积分
0
跳转到指定楼层
1#
admin 发表于 2021-6-14 14:03:25 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
.newstitle {width:75%; margin-left:2%; height:20px; overflow:hidden;}
#YIQI-UI .newstitle li a {height:20px; color:#333;}
<div class="f-l newstitle" id="newstitle">
                        <li><a href="javascript:">请教高手帮我看</a></li>
                        <li><a href="javascript:">网页技术代码 </a></li>
                        <li><a href="javascript:">jquery做的一个滑动效果</a></li>
                        <li><a href="javascript:">技术研究-QQ09版按钮渐 </a></li>
                        <li><a href="javascript:">javascript读取Json数据</a></li>
                        <li><a href="javascript:">腾讯网奇怪的PNG文件</a></li>
                        <li><a href="javascript:">更新lhgdialog-ver2.0.1</a></li>
                </div>


<script>
var box=document.getElementById("newstitle"),can=true;
box.innerHTML+=box.innerHTML;
box.onmouseover=function(){can=false};
box.onmouseout=function(){can=true};
new function (){
var stop=box.scrollTop % 20 == 0 && !can;
if(!stop)box.scrollTop==parseInt(box.scrollHeight/2)?box.scrollTop=0:box.scrollTop++;
        setTimeout(arguments.callee,box.scrollTop % 20 ? 10:1500);
};
</script>


您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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