随着移动而改变方向的鼠标

Click & Share

看惯了 十字架的鼠标 ?

试试看这个 , 来个与众不同的 ^ ^

这个鼠标在你移动滑鼠时会改变形状的

他是下面这四个组合在一次的

style="cursor:sw-resize"

style="cursor:s-resize"

style="cursor:nw-resize"

style="cursor:e-resize"

很不错的特效哟

支持 

大家试试看就知道了

登入 Blogger > 设计 > 添加 Html / Java Script

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

---