单行文字向上跑马灯滚动显示

来源：互联网发布：阿里云服务器安装jdk 编辑：程序博客网时间：2024/05/20 17:39

有时候我们需要在网站某个小角落或者显著的位置加一条链接，但是当同类链接越来越多的时候，我们就需要将链接滚动显示，这里的滚动不是我们平常所说公告栏滚动效果，而是滚动一行停留一段时间再滚动下一行的看似一帧一帧切换的效果。代码如下：<html><head><mce:script type="text/javascript"></mce:script></head><body><div style="overflow: hidden; height: 18px; margin-left: 5px;"><div id="marqueebox" style="margin-top: -48px; height: 252px;"><div class="tp"><a target="_blank" href="http://tk.baidu.com/tk-rcv/sv/click.php?trid=1542&tu=aHR0cDovL3lvdWEuYmFpZHUuY29tLw%3D%3D&std=21" mce_href="http://tk.baidu.com/tk-rcv/sv/click.php?trid=1542&tu=aHR0cDovL3lvdWEuYmFpZHUuY29tLw%3D%3D&std=21">超值商品热卖</a></div><div class="tp"><a target="_blank" href="http://365.baidu.com" mce_href="http://365.baidu.com">蓝天365</a></div><div class="tp"><a target="_blank" href="http://xiangcun.baidu.com/" mce_href="http://xiangcun.baidu.com/">五千万等你拿</a></div><div class="tp"><a target="_blank" href="http://x.baidu.com/" mce_href="http://x.baidu.com/">搜索开放平台</a></div><div class="tp"><a target="_blank" href="http://umaz.baidu.com/shijie/2009-07-24/163839232171.html" mce_href="http://umaz.baidu.com/shijie/2009-07-24/163839232171.html">网络游戏营销</a></div><div class="tp"><a target="_blank" href="http://umaz.baidu.com/guandian/2009-08-04/171646233451.html" mce_href="http://umaz.baidu.com/guandian/2009-08-04/171646233451.html">网游用户价值</a></div><div class="tp"><a target="_blank" href="http://umaz.baidu.com/guandian/2009-07-22/170338231885.html" mce_href="http://umaz.baidu.com/guandian/2009-07-22/170338231885.html">网吧经营方法</a></div></div></div></body><mce:script type="text/javascript"></mce:script></html>