设为首页  
联系我们  
加入收藏  
网页制作 冲浪宝典 图形图像 操作系统 软件教学 编程开发 认证考试 安全技术 站长专区 文学驿站 娱乐天地 游戏天地 办公软件
文章搜索
您的位置: 首页 >> 文章首页 >> 网页制作 >> Javascript >> JAVASCRIPT实现网页动态鼠标跟随
精品推荐
Javascript点击TOP10
·菜鸟架设动网论坛全教程
·网页模板的使用方法 (教程)
·网页对联广告代码效果大全
·用JavaScript实现文件图片滚动效果
·图片循环滚动完美解决
·JS表格排序新法
·滚动的公告栏的实现
·模板使用教程:从切图到网页生成
·Javascript设计网页中的下拉菜单
·制作页面漂浮图片的效果
网页制作点击TOP10
·菜鸟架设动网论坛全教程
·网页模板的使用方法 (教程)
·网页对联广告代码效果大全
·初学者入门:如何学习网页制作?
·用JavaScript实现文件图片滚动效果
·常用CSS大全
·网页自动转向代码
·图片循环滚动完美解决
·JS表格排序新法
·DIV CSS网页布局实例解析:实现表格形式
精选专题

JAVASCRIPT实现网页动态鼠标跟随

作者: 来源:网络文章 时间:2005-12-11 23:12:23

JAVASCRIPT实现网页动态鼠标跟随(1)    在网上冲浪时,你是否对某些网页上的可以动态跟随你的鼠标踪迹记忆尤新呢?的确,在网页上实现鼠标跟随,这种互动效果能带给来访者留下深刻的印象。而,现在不少网站通过FLASH来实现这个效果,但因为IE和NC都要安装插件才能观看,于是就有了相当的局限性。用Javascript实现该效果,就有天然的优势了——浏览器自动识别。下文将讲述如何用javascript实现鼠标跟随。 

程序的主要思路是把跟随鼠标的6个小点放在6个透明的层上,然后通过一个 TIMER,定时通过document.captureEvents(Event.MOUSEMOVE)函数获得鼠标的X,Y 坐标,然后计算和重画6个层,从而实现6个彩色小点跟随着鼠标。 


    < html >
      < head >
       < title >Mouse trace< /title >
     < script LANGUAGE="javascript" >
      < !--
      function Layerfx(yyleft,yytop,yyfnx,yyfny,yydiv,
      yybilder,yyloop,yyto,yycnt,yystep) 
        {   // 设置重绘层的Layerfx函数
          if ((document.layers)(document.all)){
            with (Math) {yynextx= eval(yyfnx)}
            with (Math) {yynexty= eval(yyfny)}
            yycnt=(yyloop && yycnt >
          =yystep*yybilder)?0:yycnt+yystep;
          if (document.layers){//针对NC浏览器定义层的坐标
            eval(yydiv+".top="+(yynexty+yytop))

共6页 9 7 [1] [2] [3] [4] [5] [68 :>

JAVASCRIPT实现网页动态鼠标跟随 相关文章:
JAVASCRIPT实现网页动态鼠标跟随 相关软件:
特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
转载请注明来源:http://www.xgdown.com