当前位置:首页 > 网站应用

滚动文字消息代码

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

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

<!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…

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

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

google谷歌翻译镜像网站

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

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

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

文字特效代码:超酷文字快速展示

<!--要完成此效果需要三个步骤 第一步:把如下代码加入到<head>区域中--> <style> .let{ color:white; font-family:Verdana; font-weight:bold; width:500; filte…

兼容的HTML5的网页圆角提示框

<!doctype html><html><head><meta charset="utf-8"> <title>纯css的圆角提示框全兼容_www.youkud.com</title>…

发表评论

访客

看不清,换一张

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