鼠标跟随文字代码（文字跟随鼠标移动）

本篇文章给大家谈谈鼠标跟随文字代码，以及文字跟随鼠标移动对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、跟随鼠标的漂浮文字怎么弄
• 2、怎样制作网页中的字跟着鼠标走呀?????
• 3、急求鼠标后跟随文字的几个网页特效代码

跟随鼠标的漂浮文字怎么弄

1）在网上找到你想要添加的鼠标跟随的代码

2）打开空间，找到“自定义”

3)找到“新建模块”

4）选择“FLESH动画模块”

5）将代码粘贴到“flesh动画地址”

6)点击“更多设置”，将“自动播放和FLESH透明”打上勾

7）输入验证码，确认即可

不知道这么说你能看懂吗？不会可以问我。

怎样制作网页中的字跟着鼠标走呀?????

*让字跟着鼠标走源代码：(把下面的代码插入到body区域中)

script

language="JavaScript"

!--

/******

Things

you

can

change

*****/

msg="梦幻岛";

msgSize=4;//1-7

FoNt='Arial';

CoLoR='#CC99FF';

speed=2;

/******

Things

you

shouldn't

change

*****/

ns=(document.layers)?1:0;

msg=msg.split(''),amount=msg.length,Y=0,X=0,ypos=0,xpos=0,ybase=new

Array(),xbase=new

Array();

angle

=

new

Array(),divTop=

new

Array(),divLeft=new

Array();

DocHeight=(document.layers)?window.innerHeight:window.document.body.

offsetHeight

;

DocWidth=(document.layers)?window.innerWidth:window.document.body.offsetWidth;

//initial

layer

placement!

for

(i=0;

i

amount;

i++){

divTop[i]=Math.round(Math.random()*DocHeight);

divLeft[i]=Math.round(Math.random()*DocWidth);

}

if

(ns){

for

(i

=

0;

i

amount;

i++)

{document.write('layer

name=nsd'+i+'

top=0

left=0

width='+msgSize+'

height='+msgSize+'font

face='+FoNt+'

size='+msgSize+'

color='+CoLoR+''+msg[i]+'/font/layer');}

window.captureEvents(Event.MOUSEMOVE);

function

nsMouse(evnt){

ypos

=

evnt.pageY-20;

xpos

=

evnt.pageX-10;

}

window.on

MouseMove

=

nsMouse;

}

else{

document.write('div

id="hldr"

style="position:absolute;top:0px;left:0px"')

document.write('div

style="position:relative"')

for

(i=0;

i

amount;

i++)

{document.write('div

id=ied

style="position:absolute;top:0px;left:0px;width:'+msgSize+';height:'+msgSize+'"font

face='+FoNt+'

size='+msgSize+'

color='+CoLoR+''+msg[i]+'/font/div')}

document.write('/div/div')

function

ieMouse(){

ypos

=

event.y-20;

xpos

=

event.x-10;

}

document.

onmousemove

=

ieMouse;

}

function

GoToMouse(){

var

DocHeight=(document.layers)?window.innerHeight:window.document.body.offsetHeight;

var

DocWidth=(document.layers)?window.innerWidth:window.document.body.offsetWidth;

var

iscrll=(document.all)?document.body.scrollTop:0;

var

nscrll=(document.layers)?window.pageYOffset:0;

if

(!ns)hldr.style.top=iscrll;

for

(i=0;

i

amount;

i++){

Y

=

ypos

-

divTop[i];

X

=

xpos

-

divLeft[i];

angle[i]

=

Math.round(Math.atan2(Y,X)

*

180/Math.PI);

if

(angle[i]

0)

angle[i]

+=

360;

ybase[i]=Math.round(Math.random()*DocHeight);

xbase[i]=Math.round(Math.random()*DocWidth);

rep=Math.round(Math.random()

*

3);

extra=Math.round(Math.random()

*

200)

if

(rep

==

3)xbase[i]

=-extra;

if

(rep

==

2)xbase[i]

=DocWidth+extra;

if

(rep

==

1)ybase[i]

=-extra;

if

(rep

==

0)ybase[i]

=DocHeight;

y

=

Math.round(speed*Math.sin(angle[i]*Math.PI/180));

x

=

Math.round(speed*Math.cos(angle[i]*Math.PI/180));

divTop[i]+=y;

divLeft[i]+=x;

if

((divLeft[i]

xpos-speed)

(divLeft[i]

xpos+speed/1.5)

(divTop[i]

=

ypos-speed/1.5)

(divTop[i]

=

ypos+speed/1.5))

{divTop[i]=ybase[i]+nscrll;divLeft[i]=xbase[i]}

var

layer=(document.layers)?document.layers['nsd'+i]:ied[i].style;

layer.top=divTop[i];layer.left=divLeft[i];

}

S=setTimeout('GoToMouse()',10);

}

window.onload=GoToMouse;

//--

/script

急求鼠标后跟随文字的几个网页特效代码

你随便弄个网页

以下代码插入head标签之内，保存预览，就可以看到很漂亮的文字环绕鼠标：

SCRIPT

LANGUAGE="JavaScript"

if

(document.all)

{

yourLogo

=

"我想有个家一个温暖的家";

//自己根据要求设置//

logoFont

=

"宋体";

logoColor

=

"#00ccff";

yourLogo

=

yourLogo.split('');

L

=

yourLogo.length;

TrigSplit

=

360

/

L;

Sz

=

new

Array()

logoWidth

=

100;

logoHeight

=

-30;

ypos

=

0;

xpos

=

0;

step

=

0.03;

currStep

=

0;

document.write('div

id="outer"

style="position:absolute;top:0px;left:0px"div

style="position:relative"');

for

(i

=

0;

i

L;

i++)

{

document.write('div

id="ie"

style="position:absolute;top:0px;left:0px;'

+'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;'

+'color:'+logoColor+';text-align:left"'+yourLogo[i]+'/div');

}

document.write('/div/div');

function

Mouse()

{

ypos

=

event.y;

xpos

=

event.x

-

5;

}

document.onmousemove=Mouse;

function

animateLogo()

{

outer.style.pixelTop

=

document.body.scrollTop;

for

(i

=

0;

i

L;

i++)

{

ie[i].style.top

=

ypos

+

logoHeight

*

Math.sin(currStep

+

i

*

TrigSplit

*

Math.PI

/

180);

ie[i].style.left

=

xpos

+

logoWidth

*

Math.cos(currStep

+

i

*

TrigSplit

*

Math.PI

/

180);

Sz[i]

=

ie[i].style.pixelTop

-

ypos;

if

(Sz[i]

5)

Sz[i]

=

5;

ie[i].style.fontSize

=

Sz[i]

/

1.7;

}

currStep

-=

step;

setTimeout('animateLogo()',

20);

}

window.onload

=

animateLogo;

}

/script

鼠标跟随文字代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于文字跟随鼠标移动、鼠标跟随文字代码的信息别忘了在本站进行查找喔。