超精简版的链接列表在区域内滚动的代码

2020-01-27 13:44:16

字体：大中小

来源：转载

供稿：网友

超精简版的链接列表文字滚动代码，在指定的区域内滚动，当然，区域大小可以自己设置的。

<html><HEAD><TITLE>文字链接列表滚动</TITLE><META content="text/html; charset=gb2312" http-equiv=Content-Type><STYLE type=text/css>#demo a {	width:100%;	overflow:hidden;	font:12px/16px tahoma;	display:block;	text-decoration:none;	margin:2px;	color:#4a551c;	padding-left:2px;	text-align:left;}#demo a:hover {	color:#ff6600;}</STYLE></HEAD><body><div id="demo" style="overflow:hidden;height:132px;width:350px; border:1px solid #dde5bc;">	<div id="demo1"> 		<a href="#">多彩的电脑机箱图标，很多颜色和风格……</a>		<a href="#">地方税务局网站建设方案 ……</a>		<a href="#">获得系统内存，并以圆饼图表现百分比……</a>		<a href="#">多彩的电脑机箱图标，很多颜色和风格……</a>		<a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a>		<a href="#">地方税务局网站建设方案 ……</a>		<a href="#">多彩的电脑机箱图标，很多颜色和风格……</a>		<a href="#">地方税务局网站建设方案 ……</a>		<a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a>		<a href="#">获得系统内存，并以圆饼图表现百分比……</a>		<a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a>		<a href="#">获得系统内存，并以圆饼图表现百分比……</a>	</div>	<div id="demo2"></div></div><script>var speed=40var demo=document.getElementById("demo");var demo2=document.getElementById("demo2");var demo1=document.getElementById("demo1");demo2.innerHTML=demo1.innerHTMLfunction Marquee(){	if(demo2.offsetTop-demo.scrollTop<=0)		demo.scrollTop-=demo1.offsetHeight	else{		demo.scrollTop++	}}var MyMar=setInterval(Marquee,speed)demo.onmouseover=function() {clearInterval(MyMar)}demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}</script></body></html>

下一篇：滚动，Js版，点击鼠标后激活

学习交流

phpwind的rewrite重写原理

phpwind的rewrite重写原理...

热门图片

猜你喜欢的新闻

猜你喜欢的关注