我有這個鏈接<a>jander</a>
。如何在沒有href屬性的鏈接中顯示小手?
當我將鼠標光標放在它上面時,將顯示選擇光標而不是小手。
有什麼辦法可以顯示小手嗎?
注意:我不想使用href ='#',因爲當我點擊鏈接(它是一個執行ajax函數的鏈接)的情況下,它會進入頁面的頂部。
我有這個鏈接<a>jander</a>
。如何在沒有href屬性的鏈接中顯示小手?
當我將鼠標光標放在它上面時,將顯示選擇光標而不是小手。
有什麼辦法可以顯示小手嗎?
注意:我不想使用href ='#',因爲當我點擊鏈接(它是一個執行ajax函數的鏈接)的情況下,它會進入頁面的頂部。
風格光標像這樣:
<a style="cursor:pointer;">jander</a>
使用
cursor: pointer;
在元素的樣式或類。請注意,這將適用於任何元素—而不僅僅是a
。
順便說一下,您可以在您的處理程序中始終使用return false
以避免您使用href="#"
時遇到的問題。
將style="cursor:pointer;"
加到您的a
標記中。
<a>
屬性設置這在你的CSS文件中設置
。
a {
cursor:pointer;
}
你也可以這樣做:
<a href="javascript:;">jander</a>
這可以防止滾動到頁面的頂部,並保持其在某些情況下href屬性(理想你的鏈接,其中CSS被鎖定,或者如果你有限制型CMS)。
避免內聯樣式!使用類
<style>
.no-href-but-gimme-pointer{cursor:pointer;}
</style>
<a class='no-href-but-gimme-pointer'>hover me for pointer, but don't click me -- i won't do anything!</a>
當您使用JavaScript中的鏈接,你也可以使用 <a href="javascript:false">jander</a>
或 <a href="#" onClick="ajaxFunction(); return false;">
返回false將「停用」 href屬性
使用Bootstrap,你可以做以下:
<a role="button">jander</a>
如果您使用的是Bootstrap,您可以使用`text` – xonya 2016-04-26 08:41:52