在網頁中如何定義滑鼠的樣式

2021-04-13 10:00:16 字數 1546 閱讀 7734

style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 400px; padding-top: 0px; height: 25px" src="teachinfo.aspx?id=3989" frameborder="0" scrolling="no">

在網頁中如何定義滑鼠的樣式

解決思路:

用cursor屬性可以實現,可選值及說明如表2.1.6.2所示。

表2.1.6.2 cursor屬性的可選值

可選值說明

hand手型

crosshair十字型

text滑鼠移動到水平文字上的樣式

wait等待

default系統預設樣式

help帶問號的樣式

e-resize向右的箭頭

ne-resize向右上方的箭頭

n-resize向上的箭頭

nw-resize向左上方的箭頭

w-resize向左的箭關

sw-resize向左下的箭頭

s-resize向下的箭頭

se-resize向右下方的箭頭

auto系統自動應用的樣式

move十字箭頭,移動物件時的樣式

pointer滑鼠移上鏈結時的樣式,同hand(需ie6+支援)

all-scroll中間一小圓點,上、下、左、右四個方向是箭頭的樣式,表示頁面可以向任意方向滾動(需ie6+支援)

col-resize左右兩個箭頭,中間以兩條垂線分開,表示專案/欄的大小可以在水平方向上改變(需ie6+支援)

no-drop左邊為手型,右邊為斜線穿過的小圓圈, 表示可拖動專案在當前滑鼠位置不能放開.

not-allowed斜線穿過的小圓圈,表示所請求的動作不能被執行(需ie6+支援)

progress指標旁有沙漏標誌,表示後台有程式在執行,使用者與此頁面的互動不受影響(需ie6+支援)

row-resize上下兩個箭頭,中間以兩條水平線分開,表示專案/欄的大小可以在垂直方向上改變(需ie6+支援)

url(uri)指標由作者定義,使用自定義通用資源識別碼,例如url(』mycursor.cur』)。.cir,.ani型別的指標是唯一被支援的指標型別。(需ie6+支援)

vertical-text可編輯的垂直文字樣式,以乙個水平翻轉的i來表示(需ie6+支援)

具體步驟:

**示例:

檢視幫助

注意:

l         以cursor:url(url)方式定義的滑鼠樣式需要ie6+的支援

l         定義的游標效果會因為系統所應用的theme(主題)的影響而盡相同。

特別提示

執行本例**,滑鼠移上檢視幫助四個文字上面,游標的效果如圖2.1.6.10所示。

圖1.2  自定義的游標效果

特別說明

cursor屬性用於設定滑鼠移上物件時所顯示的游標形狀或游標檔案,對應的指令碼特性為cursor,可選引數見表2.1.6.2。 

CSS 定義滑鼠的樣式

css允許你控制網頁外觀和布局的各個方面 包括字型 頁邊空白和游標。不錯,從css 2.1開始,你就可以方便地控制使用者瀏覽網頁時使用的游標。標準的css游標呈箭頭狀,一般來說,它都能滿足乙個網頁或 的需求,但有些時候你可能需要使用其它的游標。在這些情況下,css標準提供了眾多選項。css游標型別 ...

獲取網頁中滑鼠的座標

主要是兩段 把這兩段 加入你儲存後的頁面檔案中就可以了,加入方法如下 1.在 標記之前插入如下一段 如插入後的示例如下 2.在標記中加入如下一段 nm usem ve statusreport 加入後的示例如下 3.儲存檔案 用ie瀏覽器開啟修改過的頁面後,在頁面中移動滑鼠,滑鼠所在位置的x,y座標...

如何在網頁中捕獲滑鼠軌跡並輸出

window.addeventlistener load function 可以在文件中新增許多事件,新增的事件不會覆蓋已存在的事件。該例項演示了如何在元素中新增兩個點選事件 document.getelementbyid mybtn addeventlistener click myfunctio...