原理其实就是一段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标签时 使用的样式,就这么简单,表情

标签: css, 鼠标形状

已有 10 条评论

  1. 大佬 [baoquan]

    1. xiaomo xiaomo

      我是一个新人Orz~

  2. 可以

    1. xiaomo xiaomo

      是嘛,我也觉得这鼠标样式挺不错的 [xieyanxiao]

  3. 输评论名称邮箱网址已经够麻烦了,为什么还要验证码... [koubi]

    1. xiaomo xiaomo

      每次就你问题多 [qiaoda]

      1. 邮件模板的第一个title没有a锚点

        1. xiaomo xiaomo

          对,title没有a锚点,一个回复啦,要那么多锚点干什么, [xieyanxiao]

  4. 这种前端的必须学习

    1. xiaomo xiaomo

      哈哈,可以的 [xieyanxiao]

添加新评论