DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 用css添加手狀樣式鼠標移上去變小手
用css添加手狀樣式鼠標移上去變小手
編輯:CSS詳解     
CSS實現的鼠標經過某對象時讓其變成手狀,下面整理了光標的各種樣式,其中pointer, hand為手形光標

用CSS 添加手狀樣式,鼠標移上去變小手,變小手

復制代碼代碼如下:
<span style="font-size:14px">cursor:pointer;

</span><div class="wp_syntax"><span style="font-size:14px">用JS使鼠標變小手onmouSEOver(鼠標越過的時候)
</span><div class="code"><pre name="code" class="Javascript"><span style="font-size:14px">onmouSEOver<span style="color:rgb(51,153,51)">=</span><span style="color:rgb(51,102,204)">"this.style.cursor='hand'"</span>
</span></pre><span style="font-size:14px"></span></div><span style="font-size:14px"></span></div><span style="font-size:14px"></span><div class="wp_syntax"><span style="font-size:14px"></span><div class="code"><span style="font-size:14px"></span><pre name="code" class="PHP"><span style="font-size:14px">cursor其他取值
auto :標准光標
<span style="color:rgb(177,177,0)">default</span> :標准箭頭
pointer, hand :手形光標
wait :等待光標
text :I形光標
vertical<span style="color:rgb(51,153,51)">-</span>text :水平I形光標
no<span style="color:rgb(51,153,51)">-</span>drop :不可拖動光標
not<span style="color:rgb(51,153,51)">-</span>allowed :無效光標
help :幫助光標
all<span style="color:rgb(51,153,51)">-</span>scroll :三角方向標
move :移動標
crosshair :十字標 </span>
</pre></div></div>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved