这是去年我学习JavaScript时写的一个代码,里面有比较详细的注释。我个人以为是一个学习javascript和鼠标事件的好例子。
// ************************** 源代码 ************************
<html>
<head>
<meta http-equiv="C>
<meta http-equiv="C>
<meta name="GENERATOR" c>
<meta name="ProgId" c>
<title>New Page 1</title>
<STYLE>.spanstyle {
COLOR: yellow; F //跟随鼠标要显示的字符串
message=message.split("") //将字符串分割为字符数组
var xpos=new Array() //存储每个字符的x位置的数组
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}
var ypos=new Array() //存储每个字符的y位置的数组
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50
}
for (i=0;i<=message.length-1;i++) { //动态生成显示每个字符span标记,
//使用span来标记字符,是为了方便使用CSS,并可以自由的绝对定位
document.write("<span id=''span"+i+"'' class=''spanstyle''>")
document.write(message[i])
document.write("</span>")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
functi>一个鼠标动态跟随文字特效的示例</font></p>
</body>
</html>
欢迎您访问www.5ucms.org
上一篇:5ucms教程,如何使用可以接受输入的列表框 下一篇:5ucms仿站,JavaScript 实现动态增加、删除表单域 |
|
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。 5ucms插件,JavaScript:一个鼠标动态跟随文字特效的示例的关键词: |