当前位置:首页 > 网站应用 > 正文内容

滚动文字消息代码

cjw1232年前 (2024-01-02)网站应用3950

网上收集的滚动文字消息代码

<!DOCTYPE html>    
<html>    
<head>    
<meta charset="UTF-8">    
<base target="_blank">    
<title>滚动消息</title>    
<meta http-equiv="Cache-Control" content="no-store">    
<style type="text/css">    
body{margin:0;padding:0;color:#333;font-size:13px;font-family:'Microsoft YaHei', Arial, Helvetica, sans-serif}    
ul,li,p{margin:0;padding:0;border:0;list-style:none;}    
._container{height:26px;overflow:hidden; margin:5px 0 5px 0;}    
._container li{height:26px;padding-top:3px;line-height:35px}    
._container li:first-child{margin-top:-6px;transition:margin-top .8s}    
a{text-decoration:none; color:#333; margin-right:7px; cursor:pointer;}a:hover{text-decoration:underline}    
</style>    
</head>    
<body>    
	<ul class="_container" id="demo">    
		<li><a href="https://hao.cjw123.com/post/2349.html">【HostYun】</a><a href="https://hao.cjw123.com/post/2744.html">【阿里云】</a><a href=" 
https://curl.qcloud.com/099NZExu">【腾讯云】</a></li>    
		<li><a href="https://jx.wkvip.net/">VIP解析</a><a href="https://www.nm1.cn/">匿名墙</a><a href="https://www.123kk.cn/index/">每日简报</a></li>    
	</ul>    
	<a href="http://www.carnoc.com/">民航资讯</a><a href="http://www.cneb.gov.cn/">国家应急</a><a href="https://www.piyao.org.cn/">网络辟谣</a>    
<script>    
	function goto(){    
		if(window.location.href.indexOf("tmp")==-1){    
		window.location.href=window.location.href+'?tmp='+Math.random().toString()    
		}    
	}    
	function Scroll(){}    
	Scroll.prototype.upScroll=function(dom,_h,interval){    
		var dom=document.getElementById(dom);    
		var timer=setTimeout(function(){var _field=dom.firstElementChild;_field.style.marginTop=_h;clearTimeout(timer);},1000)    
		setInterval(function(){    
		var _field=dom.firstElementChild;    
		_field.style.marginTop="0px";    
		dom.appendChild(_field);    
		var _field=dom.firstElementChild;    
			_field.style.marginTop=_h;},interval)    
	}    
	var myScroll=new Scroll();    
	myScroll.upScroll("demo","-36px",6000);    
</script>    
</body>    
</html>    
<script>    
function getCookie(cookieName) {    
	var strCookie = document.cookie;    
	var arrCookie = strCookie.split("; ");    
	for(var i = 0; i < arrCookie.length; i++){    
		var arr = arrCookie[i].split("=");    
		if(cookieName == arr[0]){    
			return arr[1];    
		}    
	}    
	return "";    
}    
if(getCookie("style_")=="black"){var style=document.styleSheets[0];style.insertRule('a{color:#909090}',7);}    
</script>


扫描二维码推送至手机访问。

版权声明:本文由追求完美发布,如需转载请注明出处。

本文链接:https://www.cjw123.com/blog/?id=63

标签: htmlJS
分享给朋友:

相关文章

html meta标签屏蔽搜索引擎的用法

html页面中的 meta 标签可以用来识别搜索引擎的蜘蛛类型,可以规定meta标签所在的html页面是否被蜘蛛抓取,下面是这个meta标签的用法,大家可以借鉴一下。搜索引擎的 meta 标签的解析下面是meta标签对搜索引擎的解析<meta name='robot...

html中表table行循环滚动,类似车次、航班动态

<HTML> <meta charset="utf-8"> <HEAD> <TITLE>滚动表格</TITLE> <!--css样式是锁定表头不动的--> <style>&nb...

分享一些可用的网站生成图片接口地址(网站截图api接口)

做导航网站时,处于设计需要及提高用户体验,可能需要给网站截图以调用显示,这就需要把网站生成图片,手动操作可以使用截图工具,或是使用谷歌浏览器开发者工具命令screenshot来生成网站截图,也可使用一些在线网站生成图片的工具,这些都可以把网站生成图片,那么如何自动为网站生成图片?网址截图api接口又...

google谷歌翻译镜像网站

查找外文资料对于外语不好的那必须要借助翻译工具,各家翻译工具各有不同,想要使用google谷歌翻译,奈何无法访问,那么如何在国内使用谷歌翻译?google谷歌翻译镜像网站有哪些?https://translate.yunkuerp.cn/https://translate.renwole.com/h...

摇摆的灯光

点击运行看演示效果!<!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">...

js打印文字打字输出特效代码

<center> <style type="text/css"> .a{background:#666666; border:0px solid #000000; width:300px; h...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。