本文阐述了js用鼠标移动实现文字移动的方法，供大家参考，具体分析如下：

这是一个非常简单的鼠标功能代码，在网页中移动鼠标，后面跟着一串文本移动鼠标。

复制代码代码如下所示：





{。spanstyle

颜色：000000；FONT-SIZE: 9pt；位置：绝对；顶部：- 50px；能见度：可见

}





变量x，y

var步骤= 18 /在这两个相邻单词间隔之间。

var标志= 0

var消息欢迎您！这里是要显示的文本

（消息=拆分）数组的字符串分解

var =新窗口（阵列） / /创建一个数组，X坐标记录每个位置

为（i = 0；i < = message.length-1；i++）{ / /每个元素分配一个初始值

窗口{我} = 50

}

VaR ypos =新（阵列） / /创建一个数组，Y坐标记录每个位置

为（i = 0；i < = message.length-1；i++）{

ypos {我} = 200

}

功能movehandler（e）{ / /处理鼠标事件

x =（文件。层）e.pagex：文档。身体。scrollLeft + event.clientx / /取决于你的浏览器，记录鼠标位置

Y =（文件。层）e.pagey：文档。身体。scrollTop + event.clienty / /垂直位置记录鼠标

标志=鼠标位置改变了1，需要重新计算

}

功能makesnake（）{

如果（标志= 1文件全部）{如果它是IE

对（我= message.length-1；我> = 1；我--）{ / /协调队列

窗口{我} = { } +步窗口I-1 / /每个坐标数据转发方式，加上字符间距

ypos {我} = ypos {·}

}

窗口{ 0 } = x +步 / /新数据写入坐标数据队列的尾部

ypos { 0 } = Y

为（i = 0；i < message.length-1；i++）{

无功thisspan = eval（跨度+（我）+。风格） / /生成当前操作对象spanx.style

thisspan。posleft =窗口{我}

thisspan术= ypos {我}。

}

}

否则如果（标记= 1文档层）{如果它是ns

对（我= message.length-1；我> = 1；我--）{ / /协调队列

窗口{我} = { } +步窗口I-1 / /每个坐标数据转发方式，加上字符间距

ypos {我} = ypos {·}

}

窗口{ 0 } = x +步 / /新数据写入坐标数据队列的尾部

ypos { 0 } = Y

为（i = 0；i < message.length-1；i++）{ / /根据阵列数据变化的每一个字的层坐标

无功thisspan = eval（document.span +我） / /生成当前操作对象document.spanx

thisspan左= {我}窗口。

thisspan顶= ypos {我}。

}

}

VaR定时器= setTimeout（makesnake（）

}









<！——Javaｓｃｒｉｐｔ的开始—

在这里为每个单词生成一个跨度作为容器

为（i = 0；i < = message.length-1；i++）{

document.write（）

document.write（消息{我}）

document.write（）

}

鼠标事件进程规则

如果（文档层）{

document.captureevents（MouseMove事件。）；

}

document.onmousemove = movehandler；

- Javaｓｃｒｉｐｔ结束/ i





这个效果很酷吗



希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。