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

滚动文字消息代码

cjw1231年前 (2024-01-02)网站应用2230

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

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

开灯!关灯!

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">...

网站设置点击任何地方弹出新页面广告只弹出一次

1、js实现第一次访问站时点击任何地方都先弹出一个广告页:<script> document.onmousedown = function(){     var isOpenedAd  =&nb...

html中文本不停变色的特效

<HTML><HEAD><TITLE>文本特效篇--文本不停变色</TITLE> </HEAD> <BODY bgcolor="#fef4d2"> <br> <center...

流星雨源码特效

<!DOCTYPE html> <html>   <head>     <meta charset="utf-8" />  ...

纯css实现文字音符跳动效果

通过纯css实现文字音符跳动效果。点下面的运行可以查看效果!<!doctype html><html>     <head>        ...

发表评论

访客

看不清,换一张

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