鼠标移动方向代码 [ 网站地图 ]

发表于:2009-12-21 浏览:26 作者: 来源:互联网

关键字:鼠标移动方向

描述:有什么问题请到评论中发表<br> <!--http://www.mb5u.com/--> <!-- /--> <!--把下列代码放到<head>区域中--> <SCRIPTLANGUAGE="JavaScript"> <!--Begin

有什么问题请到评论中发表<br>

<!-- http://www.mb5u.com/ -->

<!--  / -->

<!-- 把下列代码放到<head>区域中-->

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

var x, y, xold, yold, xdiff, ydiff;

var dir = Array();

dir[0] = "n-resize";

dir[1]="ne-resize";

dir[2]="e-resize";

dir[3]="se-resize";

dir[4] = "s-resize";

dir[5]="sw-resize";

dir[6]="w-resize";

dir[7]="nw-resize";

document.onmousemove = FindXY;

function display(direction) {

document.body.style.cursor = dir[direction];

}

function FindXY(loc) {

x = (document.layers) ? loc.pageX : event.clientX;

y = (document.layers) ? loc.pageY : event.clientY;

xdiff = x - xold;

ydiff = y - yold

if ((xdiff <  2) && (ydiff < -2)) display(0);

if ((xdiff <  2) && (ydiff >  2)) display(4);

if ((xdiff >  2) && (ydiff <  2)) display(2);

if ((xdiff < -2) && (ydiff <  2)) display(6);

if ((xdiff >  2) && (ydiff >  2)) display(3);

if ((xdiff >  2) && (ydiff < -2)) display(1);

if ((xdiff < -2) && (ydiff >  2)) display(5);

if ((xdiff < -2) && (ydiff < -2)) display(7);

xold = x;

yold = y;

}

//  End -->

</script>

 

 


站长资讯网 做中国最丰富的资讯网站 沪ICP备05004089号