免费PHP万能建站系统_社区团购SaaS_商城系统_软件开发_虚拟币交易所系统_矿机系统_微信钻石投票系统_成品源码

标题: JS新闻向上单条滚动效果 [打印本页]

作者: admin 时间: 2021-6-14 14:03
标题: JS新闻向上单条滚动效果

.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>

欢迎光临免费PHP万能建站系统_社区团购SaaS_商城系统_软件开发_虚拟币交易所系统_矿机系统_微信钻石投票系统_成品源码 (https://www.ourphp.net/club/)