点击鼠标蹦出爆米花文字(JavaScript效果)

2024-09-05 12:22:20

字体：大中小

来源：转载

供稿：网友

JavaScript实现的鼠标文字特效，打开页面后在页面上点击鼠标左键，文字会从点击处蹦出来，貌似爆米花效果，有人说是天女散花，呵呵，不错，随便叫什么吧。使用的JavaScript版本为1.2，当然其它版本也是可以的。

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"/><title>点击鼠标蹦出爆米花效果的文字</title><script language="JavaScript1.2"></script></head><body onload="initMouseEvents()"><div id="sparks">	<div id="sDiv0" style="position:absolute; visibility: hidden;">		<font face="arial black" color="red">欢</font>	</div>	<div id="sDiv1" style="position:absolute; visibility: hidden;">		<font face="arial black" color="yellow">迎</font>	</div>	<div id="sDiv2" style="position:absolute; visibility: hidden;">		<font face="arial black" color="blue">光</font>	</div>	<div id="sDiv3" style="position:absolute; visibility: hidden;">		<font face="arial black" color="red">临</font>	</div>	<div id="sDiv4" style="position:absolute; visibility: hidden;">		<font face="arial black" color="orange">神</font>	</div>	<div id="sDiv5" style="position:absolute; visibility: hidden;">		<font face="arial black" color="white">龙</font>	</div>	<div id="sDiv6" style="position:absolute; visibility: hidden;">		<font face="arial black" color="green">工</font>	</div>	<div id="sDiv7" style="position:absolute; visibility: hidden;">		<font face="arial black" color="skyblue">作</font>	</div>	<div id="sDiv8" style="position:absolute; visibility: hidden;">		<font face="arial black" color="yellow">室</font>	</div>	<div id="sDiv9" style="position:absolute; visibility: hidden;">		<font face="arial black" color="white">！</font>	</div></div></body></html>

上一篇：JavaScript+ VML实现跟着鼠标弹跳的小球

下一篇：JavaScript鼠标特效-跟随鼠标旋转的流星