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

滚动文字消息代码

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

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

<!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://cjw123.com/blog/?id=63

标签: htmlJS
分享给朋友:

相关文章

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

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

js报表双击固定样式,用于对比

在很多报表中,需要鼠标上下选择时显示对比颜色,在双击时显示固定的色表示选中状态。<table style="width:80%" border=1 onmouseover="getrow(this)" onmous...

js实现弹出层居中显示背景变灰效果

<HTML> <HEAD> <META http-equiv=content-type content="application/xhtml+xml; charset=gb2312" /> <...

zblogphp二级目录建站,伪静态规则怎么写

如果你的 Z-BlogPHP 站点安装在二级目录中,需要使用伪静态技术来优化站点的 URL,并提升搜索引擎蜘蛛的抓取效率。下面是一个 nginx 的伪静态规则示例:# 子目录规则要排在前边; location /sub/ {    &n...

CSS心形缠绕转动效果

CSS心形缠绕转动效果是一种有趣的动画效果,能够给网页带来浪漫而动感的氛围。这个效果将一个心形图案无限旋转,并且同时绕着一个中心点缠绕旋转。通过巧妙地运用CSS的动画属性和变换属性,你可以实现这个效果。首先,使用CSS创建一个心形图案,可以通过调整元素的宽高、边框、背景色等属性来塑造心形的形状。然后...

发表评论

访客

看不清,换一张

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