紧随鼠标的流动的七彩多姿字串

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>紧随鼠标的流动的七彩多姿字串——三W网页特效代码—网页鼠标特效</title>
<!--此特效代码区域加入head标签之间-->
<style>.spanstyle {
	color: #0066ff; font-family: 隶书; font-size: 14pt; font-weight: normal; position: absolute; TOP: -50px; visibility: visible
}
</style>
<!--head区域特效代码结束-->
</head>


<!--此特效代码区域加入body标签之间-->
<body bgcolor="#000000" onload="javascript:pageonload()">
<script language="javascript">
	var message="欢 迎 访 问 三 W 网 页 特 效 代 码 站 !";
	var x,y;
	var step=12;
	var flag=0;

	message=message.split("");
	var xpos=new Array();
	for (i=0;i<=message.length-1;i++) {
		xpos[i]=-50;
	}

	var ypos=new Array();
	for (i=0;i<=message.length-1;i++) {
		ypos[i]=-50;
	}

	function handlerMM(e) {
		x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX+10;
		y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY;
		flag=1;
	}

	function makesnake() {
		if (flag==1 && document.all) {
    			for (i=message.length-1; i>=1; i--) {
   				xpos[i]=xpos[i-1]+step;
				ypos[i]=ypos[i-1];
    			}
			xpos[0]=x+step;
			ypos[0]=y;

			for (i=0; i<=message.length-1; i++) {
    				var thisspan = eval("span"+(i)+".style");
    				thisspan.posLeft=xpos[i];
				thisspan.posTop=ypos[i];
				thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;
    			}
		}
		else if (flag==1 && document.layers) {
    			for (i=message.length-1; i>=1; i--) {
   				xpos[i]=xpos[i-1]+step;
				ypos[i]=ypos[i-1];
    			}
			xpos[0]=x+step;
			ypos[0]=y;

			for (i=0; i<message.length-1; i++) {
    				var thisspan = eval("document.span"+i);
    				thisspan.left=xpos[i];
				thisspan.top=ypos[i];
				thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;
			}
		}
	}
</script>

<script language="javascript">
	for (i=0;i<=message.length-1;i++) {
    		document.write("<span id='span"+i+"' class='spanstyle'>");
		document.write(message[i]);
    		document.write("</span>");
	}

	if (document.layers) {
		document.captureEvents(Event.MOUSEMOVE);
	}
	document.onmousemove = handlerMM;
</script>
<script
language="javascript">
	function pageonload() {
		makesnake();
		window.setTimeout("pageonload();", 2);
	}
</script>
<!--body区域特效代码结束-->
</body>
</html>

关闭此页错误报告添加收藏重新加载清空代码下载保存全选复制修改预览直接预览

网页特效代码使用说明

紧随鼠标的流动的七彩多姿字串特效，可以设置一串文字跟随鼠标移动，文字可以变换颜色，不同的字不同的颜色。非常漂亮的网页特效。

此网页特效支持IE、TT、世界之窗、遨游、360、绿色浏览器。

网页特效代码加入到您网页的body标签之间即可。建议网页背景采用黑色。注意不要漏掉head标签内的代码噢，还有设置的字符串每个字之间要加一个空格，不然字符会有重叠噢！

☉[修改预览][全选复制][关闭此页]按钮仅支持IE及使用IE核心的浏览器

☉您可以直接修改代码，然后通过点击[修改预览]按钮查看修改后的代码效果

☉[预览效果]按钮可以查看原始代码效果，不受代码修改的影响

☉如果代码修改的较为凌乱，可以点击[重新加载]按钮重载代码

☉[添加收藏]按钮可以直接将本页添加到本地收藏夹，便于以后查看

☉如果此代码不能正常运行，您可以通过[错误报告]通知我们，我们会尽快处理，同时感谢你对本站的支持

☉如果您还有其他疑问，可以加入到本站第⑥QQ群74241964共同交流学习。