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

滚动文字消息代码

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

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

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

css3实现加载动画,边框跑马灯

<style> body{/*让body所有元素正居中*/ display:flex; justify-content:center;/*水平居中*/ align-items: center;/*垂直居中*/ height:100vh;/*不加高,无法垂直居中…

JS实现联想、自动补齐功能

<html> <head> <meta charset="utf-8"> <style> * { box-sizing: border-box; } body {…

表格内信息向上滚动代码,类似航班

<html> <head> <title>滚动信息</title> <meta http-equiv="Content-Type" content="text/html; char…

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

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

一个网站网页快照截图的接口

如果您的网站想展示某个网站的快照截图的话使用这个网页快照截图的接口确实比较方便网页快照截图接口使用https://s0.wp.com/mshots/v1/网址?w=宽度&h=高度示例https://s0.wp.com/mshots/v1/www.cjw123.com?w=1900&h…

发表评论

访客

看不清,换一张

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