51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

css改变鼠标形状

原理其实就是一段CSS代码,定义了一下光标,使他不再使用本地的光标!改变鼠标指针形状的方法:系统鼠标指针与自定义控件,一般我们都用系统鼠标指针,其实这已经能满足大部分群众了,通常只有为了页面看起更好看,锦上添花才会选择自定义控件。CSS文件只要在页面中引用了就可以,wordpress的直接添加到style.css中即可 ,其他的不知道可直接添加到页面底部!在此~~水~~发文一篇。

例如:

a{ cursor:default;} div{ cursor:url(url图片地址) }

css样式表(加粗为常用):

| 属性 | 效果 | |------------------|------------| | crosshair | 十字准星 | | auto | 自动 | | default | 默认(正常选择) | | hand、pointer | 链接选择(手形) | | move | 移动 | | help | 帮助 | | wait | 等待 | | text | 编辑 | | w-resize | 水平调整(向左) | | e-resize | 水平调整(向右) | | n-resize | 垂直调整(向上) | | s_resize | 垂直调整(向下) | | ne-resize | 对角线调整(向右上) | | sw-resize | 对角线调整(向左下) | | se-resize | 对角线调整(向右下) | | nw-resize | 对角线调整(向左上) | | url('光标地址') | 自定义光标 |

好了,直接上一段CSS代码,如果是添加到页面中的请添加<style></style>


body {
    cursor: url(光标文件.cur), auto;
}
a:hover {
    cursor: url(光标文件.cur), auto;
}

body的为全局默认光标 a:hover的则为a标签时 使用的样式,就这么简单,表情

赞(1)
未经允许不得转载:工具盒子 » css改变鼠标形状