通过CSS中的cursor属性改变指针
在CSS中有一个cursor方法可以改变鼠标指针状态图标,我们可以利用这个方法来达到移动指针到h1标签上的时候鼠标指针变成小手的状态效果。如下代码:
1
2
3
<
meta
charset
=
"utf-8"
/>
<
title
>给点击标签加上小手样式 - 琼台博客</
title
>
<
h1
style
=
"cursor:pointer;"
onclick
=
"alert('hi');"
>点击这里</
h1
>
1
2
3
|
< meta charset = "utf-8" />
< title >给点击标签加上小手样式 - 琼台博客</ title >
< h1 style = "cursor:pointer;" onclick = "alert('hi');" >点击这里</ h1 >
|
通过以上例子,可以很好的避免了套a标签带来的样式问题处理。
以上例子中cursor的值pointer表示小手状态,cursor的属性的值有以下类型,不同值可以实现不同的指针效果。
表中数据摘自w3school