教程集 > jQuery > jquery 教程 > 正文跟随鼠标的飘带文字

跟随鼠标的飘带文字

发布时间：2023-12-27 编辑：jiaochengji.com

教程集为您提供跟随鼠标的飘带文字等资源，欢迎您收藏本站，我们将为您提供最新的跟随鼠标的飘带文字资源

提示：您可以先修改部分代码再运行

<html>  <head><script> var x,y var step=40 var flag=0 var message="欢迎我的网站" message=message.split("") var xpos=new Array() for (i=0;i<=message.length;i  ) { 	xpos[i]=-50} var ypos=new Array() for (i=0;i<=message.length;i  ) { 	ypos[i]=-50} function handlerMM(e){ 	x = (document.layers) ? e.pageX : document.body.scrollLeft event.clientX 	y = (document.layers) ? e.pageY : document.body.scrollTop event.clientY 	flag=1} function makeit() { 	if (flag==1 && document.all) {     	for (i=message.length; 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; i  ) {     		var thisspan = eval("span" (i) ".style")     		thisspan.posLeft=xpos[i] 			thisspan.posTop=ypos[i]    	}	} 	else if (flag==1 && document.layers) {     	for (i=message.length; 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; i  ) {     		var thisspan = eval("document.span" i)     		thisspan.left=xpos[i] 			thisspan.top=ypos[i]}	} 		var timer=setTimeout("makeit()",30)}  for (i=0;i<=message.length;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>  <title>跟随鼠标的飘带文字</title> <style type="text/css">   .spanstyle {position:absolute;visibility:visible;top:-50px;font-size:9pt;color: #c800c0;font-weight:bold;}</style> </head>  <body onload="makeit()">  </body> </html>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
photoshop设计一个漂亮彩色飘带绘制教程
 玩英雄联盟（LOL）鼠标飘，点击不精准怎么设置
 jquery实现的提示浮层跟随鼠标移动
 Photoshop利用智能对象将人物制作成花海里飘散消失的GIF动画教程
 photoshop快速制作打散飘散效果教程分享
 html5精选特效代码分享（收藏）
Jquery实现鼠标移上弹出提示框、移出消失思路及代码
 Photoshop制作在天上飘浮的人像效果教程
 非常不错js弹出层效果代码
 jquery中实现简单的tabs插件功能的代码

上一篇：爬向鼠标的好多蚂蚁

[关闭]

跟随鼠标的飘带文字

最近更新

浏览排行