常见的跑马灯效果,无缝连接。mcake官网公告使用
生活随笔
收集整理的這篇文章主要介紹了
常见的跑马灯效果,无缝连接。mcake官网公告使用
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
無縫連接跑馬燈哦。。。mcake官網(wǎng)公告使用 演示 <!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><title>我是跑馬燈哦。。。無縫連接跑馬燈</title>
</head>
<body>
<marquee loop="2">我是loop循環(huán)滾動</marquee><div id="scrollobj" style="position:absolute; left:50%;margin-left:-300px;top:0; width:560px; line-height:30px;white-space:nowrap;overflow:hidden; color:#F00"><span>sdlfjsldjflds</span></div><script type="text/javascript" src="http://betaweb.mcake.com/framework/jquery/jquery.min.js?v=1475055296"></script>
<script type="text/javascript">function scroll(obj) {var tmp = (obj.scrollLeft)++;if (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML;if (obj.scrollLeft>=obj.firstChild.offsetWidth) obj.scrollLeft=0;}$("#scrollobj").html('<span>'+ '溫馨提示:2019年2月4日當(dāng)天最晚配送時間為下午18:00,給您帶來不便,還望見諒! '+'</span>');setInterval("scroll(document.getElementById('scrollobj'))",25);</script></body>
</html>
?
轉(zhuǎn)載于:https://www.cnblogs.com/shimily/articles/10308989.html
總結(jié)
以上是生活随笔為你收集整理的常见的跑马灯效果,无缝连接。mcake官网公告使用的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: MySQL数据库使用(二):配置、连接远
- 下一篇: socket层内容详解二