非常别致的一款方向光标_站点基地[zdbase.com]

详细内容

[关闭窗口]

非常别致的一款方向光标

发布日期：2010-03-26 点击：3184

<html>
<head>
<title>网页特效|站点基地【zdbase.com】|---非常别致的一款方向光标</title>
</head><body>
<!--将以下代码加入HTML的<Body></Body>之间-->

<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>
</body></html>

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。