2008年3月14日 星期五

變動指標

簡介:指標會隨移動方向改變

步驟一、複製以下程式碼至<head>與</head>之間

<SCRIPT Language="JavaScript">

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;

}

</SCRIPT>

各式指標

將以下程式碼放至連結標籤內即可

朝上 style="cursor:n-resize"


朝下 style="cursor:s-resize"


朝左 style="cursor:e-resize"


朝右 style="cursor:w-resize"


左斜 style="cursor:nw-resize"


右斜 style="cursor:ne-resize"


移動 style="cursor:move"


十字 style="cursor:crosshair"


疑問 style="cursor:help"


等待 style="cursor:wait"


禁止 style="cursor:not-allowed"


手指 style="cursor:hand"


手指&禁止 style="cursor:no-drop"


文字 style="cursor:text"

禁止IE Image Toolbar儲存圖片

支援的瀏覽器:IE6+

簡介:禁止IE Image Toolbar儲存圖片

方法一:

加到<head>與</head>之間
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">

方法二:
修改img標籤
例子:<img src="test.gif" GALLERYIMG="no">