鼠标跟随特效一

最新推荐文章于 2019-07-07 13:28:33 发布

sfSam

最新推荐文章于 2019-07-07 13:28:33 发布

阅读量353

点赞数

分类专栏： HTML css javascript 文章标签： java javascript ViewUI

javascript 同时被 3 个专栏收录

161 篇文章

订阅专栏

HTML

26 篇文章

订阅专栏

css

11 篇文章

订阅专栏

<!DOCTYPE >
<html>
	<head>
		<STYLE TYPE="text/css">
			<!--
			BODY{
			overflow:scroll;
			overflow-x:hidden;
			}
			.s1
			{
			position : absolute;
			font-size : 12pt;
			color : blue;
			visibility: hidden;
			}
			.s2
			{
			position : absolute;
			font-size : 20pt;
			color : red;
			visibility : hidden;
			}
			.s3
			{
			position : absolute;
			font-size : 16pt;
			color : gold;
			visibility : hidden;
			}
			.s4
			{
			position : absolute;
			font-size : 14pt;
			color : lime;
			visibility : hidden;
			}
			-->
		</STYLE>

	</head>
	<body bgcolor="#FFFFFF">
		<DIV ID="div1" CLASS="s1">
			*
		</DIV>
		<DIV ID="div2" CLASS="s2">
			*
		</DIV>
		<DIV ID="div3" CLASS="s3">
			*
		</DIV>
		<DIV ID="div4" CLASS="s4">
			*
		</DIV>
		<script language="javascript" type="text/javascript" class="s5">
			var nav = (document.layers);
			var tmr = null;
			var spd = 50;
			var x = 0;
			var x_offset = 5;
			var y = 0;
			var y_offset = 15;
			if (nav)
				document.captureEvents(Event.MOUSEMOVE);
			document.onmousemove = get_mouse;
			function get_mouse(e) {
				x = (nav) ? e.pageX : event.clientX + document.body.scrollLeft;
				y = (nav) ? e.pageY : event.clientY + document.body.scrollTop;
				x += x_offset;
				y += y_offset;
				beam(1);
			}

			function beam(n) {
				if (n < 5) {
					if (nav) {
						eval("document.div" + n + ".top=" + y);
						eval("document.div" + n + ".left=" + x);
						eval("document.div" + n + ".visibility='visible'");
					} else {
						eval("div" + n + ".style.top=" + y);
						eval("div" + n + ".style.left=" + x);
						eval("div" + n + ".style.visibility='visible'");
					}
					n++;
					tmr = setTimeout("beam(" + n + ")", spd);
				} else {
					clearTimeout(tmr);
					fade(4);
				}
			}

			function fade(n) {
				if (n > 0) {
					if (nav)
						eval("document.div" + n + ".visibility='hidden'");
					else
						eval("div" + n + ".style.visibility='hidden'");
					n--;
					tmr = setTimeout("fade(" + n + ")", spd);
				} else
					clearTimeout(tmr);
			}

			// -->
		</script>
	</body>
</html>