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

最新推荐文章于 2021-06-28 11:21:04 发布

陌上风情

最新推荐文章于 2021-06-28 11:21:04 发布

阅读量1.6k

点赞数

分类专栏： Javascript 文章标签： class function delay 网络游戏开放平台 div

本文链接：https://blog.csdn.net/liuyong0818/article/details/4483003

版权

Javascript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

有时候我们需要在网站某个小角落或者显著的位置加一条链接，但是当同类链接越来越多的时候，我们就需要将链接滚动显示，这里的滚动不是我们平常所说公告栏滚动效果，而是滚动一行停留一段时间再滚动下一行的看似一帧一帧切换的效果。代码如下：<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>