欢迎来访571免费空间,希望可以对您有所帮助!

网站地图帮助中心

滚动文字广告代码分享,几组文字广告上下循环滚动

来源:571免费资源 作者:571free.com 人气: 发布时间:2019-03-11
摘要:话不多说,这个广告代码效果就是几组文字广告上下循环滚动,代码如下: divp style= font-size: 16px;兄台~别走,看看这里的项目推荐再说/pscript src=jquery.js
话不多说,这个广告代码效果就是几组文字广告上下循环滚动,代码如下:

<div><p style=" font-size: 16px;">兄台~别走,看看这里的项目推荐再说</p><script src="jquery.js"></script> <style> *{ margin: 0; padding: 0; } ui,li { list-style: none; } #news{ height: 24px; overflow: hidden; width: 100%; border: solid 1px; text-align: center; } </style> </head> <body> <div id="news"> <ul>
<li><a href="https://xyinzhe.com/2018/10/zrb.html" target="_blank">众人帮,任务多,更新快,高额任务一个50元!</a></li>
<li><a href="https://xyinzhe.com/2018/10/zrb.html" target="_blank">众人帮,任务多,更新快,高额任务一个50元!</a></li>
<li><a href="https://xyinzhe.com/2018/10/zrb.html" target="_blank">众人帮,任务多,更新快,高额任务一个50元!</a></li>
<li><a href="https://xyinzhe.com/2018/10/zrb.html" target="_blank">众人帮,任务多,更新快,高额任务一个50元!</a></li>
<li><a href="https://xyinzhe.com/2018/10/zrb.html" target="_blank">众人帮,任务多,更新快,高额任务一个50元!</a></li>
</ul> </div> <script> $(function() { var $this = $("#news"); var scrollTimer; $this.hover(function() { clearInterval(scrollTimer); }, function() { scrollTimer = setInterval(function() { scrollNews($this); }, 2000); }).trigger("mouseleave"); function scrollNews(obj) { var $self = obj.find("ul"); var lineHeight = $self.find("li:first").height(); $self.animate({ "marginTop": -lineHeight + "px"
            }, 500, function() { $self.css({ marginTop: 0
                }).find("li:first").appendTo($self); }) } }) </script></div>

将广告内容改成自己的就行了,我这里是测试一下:
上下循环滚动文字广告代码

广告高度和宽度都可以自己设置,但是这个不是很符合我要的效果,所以这里不做演示,我没用,但测试还是很好用的。将链接代码改称为图片其实也可以实现图片上下循环滚动的效果。
欢迎转载,转载请注明原文网址:http://www.571free.com/mfjz/zzzy/2019-03/9247.html

随机免费资源

Copyright © 2009-2016 571FREE. 571免费资源 版权所有 豫ICP备15002996号

Theme by 571FREE.COM! X3 致力于做有用的网站   

请勿发布违反中华人民共和国法律法规的言论.