邮件订阅
5ucms插件,JavaScript:一个鼠标动态跟随文字特效的示例
作者: 来源: 日期:2015/9/6 17:37:44 浏览量:43(滞后) 人气:LOADING...(实时) 【

5ucms插件,JavaScript:一个鼠标动态跟随文字特效的示例

这是去年我学习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插件下载 仿站联系Q3876307       [复制给好友] [打印] [关闭] [返回] [顶部]
上一篇:5ucms教程,如何使用可以接受输入的列表框
下一篇:5ucms仿站,JavaScript 实现动态增加、删除表单域
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。
5ucms插件,JavaScript:一个鼠标动态跟随文字特效的示例的关键词:
评论信息
相关分类
本周热门
本月热门
关于我们 - 版权/免责 申明 - 建站服务 - 网站地图 - 稿件投递 - 联系我们 - 5ucms
Copyright © 2008-2015 www.5ucms.org