|
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))
|