html滑鼠變手型
㈠ 滑鼠手型,css怎樣使滑鼠移到div上顯示手型
css使滑鼠移到div上顯示手型主要通過cursor:pointer屬性實現,具體操作如下:
1、在html中添內加一個div,指定div的寬,高,背景。容
㈡ CSS 讓滑鼠呈現手型
在對應的樣式表裡面寫上這句話:
cursor:pointer
OK
現在看看 就是樓主要的效果了
㈢ html 中如何讓滑鼠箭頭移到某個div上就變為手型,移出後再變為原型。
默認箭頭樣式 cursor:default 系統默認 箭頭樣式
手型 cursor: pointer 系統自帶 手型
手型 cursor:hand 系統自帶 手型 提示 只有ie5支持這種手型也只支持這種
移動十字箭頭 cursor: move 系統自帶 移動十字箭頭
幫助問號 cursor: help 系統自帶 幫助問號
十字准心 cursor:crosshair 系統自帶 十字准心
文字/編輯 cursor: text 系統自帶 編輯或者框選文字時 豎線型
無法釋放(禁用) cursor:no-drop 系統自帶 當不可編輯時禁用型
禁用 cursor:not-allowed 系統自帶 當不可編輯時禁用型
自動 cursor:auto 就是由系統根據當前元素自動設置
處理中 cursor: progress win7為一個圓環,xp為一個沙漏,等待處理中樣式
向上改變大小 cursor: n-resize 系統自帶
向下改變大小 cursor: s-resize 系統自帶
向左改變大小 cursor: w-resize 系統自帶
向右改變大小 cursor: e-resize 系統自帶
向上左改變大小 cursor: nw-resize 系統自帶
向下左改變大小 cursor: sw-resize 系統自帶
向上右改變大小 cursor: ne-resize 系統自帶
向下右改變大小 cursor: se-resize 系統自帶
㈣ html頁面中如何設置當游標移到一個固定區域時其形狀變成手型,移出時恢復
在除了IE6的情況下,可以通過CSS的:hover偽類來實現:
假如你想設定的固定區域為:<div id="test"></div>,那麼只需要在CSS樣式表裡定義:#test:hover{cursor:pointer;/*這里必須設為pointer才會對所有瀏覽器有效,hander只針對IE有效*/},
如果要在IE6下實現這個效果,除非你固定的區域是個塊狀的<a>標簽區域,否則就要藉助JS來實現了(引入一個HTC文件可以解決)。
【另外有一種更簡便的方法】:就是將這個元素用<a>包圍起來,如:
<a href="#" style="text-decoration:none;"><div id="test" style="height:50px;width:50px;"><!--這個區域的滑鼠是手形!--></div></a>,這個方法IE6也同樣可以有效。
㈤ CSS+DIV滑鼠放到文字上,原本帶箭頭的滑鼠變成手狀的形狀,求代碼,我 的文字套了DIV
<div style="cursor:pointer;">這里是文字內容</div>
這個cursor:pointer可放到外鏈CSS文件里頭去
㈥ 如何用CSS設置連接滑鼠在上面變成手型
如何用CSS設置連接滑鼠在上面變成手型?
用CSS設置連接滑鼠在上面變成手型的方法:只需要對需要設置滑鼠指針的文字加上一個 cursor: pointer 即可實現。
具體步驟:
㈦ css滑鼠放上去把箭頭變成手一樣的樣式怎麼寫
cursor:pointer;
㈧ javascript,移動劃過超鏈接滑鼠變手型
用css控制滑鼠樣式的語法如下:
<span style="cursor:*">文本或其它頁面元素</span>
把 * 換成如下15個效果的一種:
下面是對這15種效果的解釋。移動滑鼠到解釋上面,看看你的滑鼠起了什麼變化吧!
hand是手型
pointer也是手型,這里推薦使用這種,因為這可以在多種瀏覽器下使用。
crosshair是十字型
text是移動到文本上的那種效果
wait是等待的那種效果
default是默認效果
help是問號
e-resize是向右的箭頭
ne-resize是向右上的箭頭
n-resize是向上的箭頭
nw-resize是向左上的箭頭
w-resize是向左的箭頭
sw-resize是左下的箭頭
s-resize是向下的箭頭
se-resize是向右下的箭頭
auto是由系統自動給出效果
㈨ html <a OnClick=" ">新增</a> 滑鼠移過去後顯示手型的標記
在ie下設置 css 樣式 style="cursor:hand;" 可以正常顯示
但是在firefox下就不行
改用 style="cursor:pointer;"
則在兩個瀏覽器下都能正常顯示
但只適用於IE6.0及以上版本以及FIREFOX,在IE5.0下不能顯示成手