当前位置:首页 > 开发 > Web前端 > 前端 > 正文

自定义个性网页鼠标图标

发表于: 2012-10-24   作者:商人shang   来源:转载   浏览:
摘要: 1.下面我们来看下代码:<DIV> </DIV><STYLE type=text/css>a:hover { cursor:url('鼠标地址一')}body { cursor:url('鼠标地址二')}</STYLE>从a:hover 可以得知 ’鼠标地址一’ 为鼠标放在超连接上的样式;从 body 我们可以得知 ’鼠标地址二’ 为通常一般状况下的

1.下面我们来看下代码:

<DIV> </DIV>
<STYLE type=text/css>
a:hover { cursor:url('鼠标地址一')}
body { cursor:url('鼠标地址二')}
</STYLE>
从a:hover 可以得知 ’鼠标地址一’ 为鼠标放在超连接上的样式;
从 body 我们可以得知 ’鼠标地址二’ 为通常一般状况下的鼠标样式.
注意:上面的鼠标地址可以相同,也可以不同.但是一定不要忘记鼠标地址上的 ’ ’ 符号,否则鼠标效果不会显示!
2.如果大家选择两个鼠标地址都一样可以使用下面的简化代码:

<DIV> </DIV>
<STYLE type=text/css>
body { cursor:url('鼠标地址')}
</STYLE>

3.鼠标文件说明
后缀名为**.ico 的为静态
后缀名为**.cur 的为静态
后缀名为**.ani 的为动画

 

摘自:http://www.yuzhiguo.com/articleview.asp?id=253

自定义个性网页鼠标图标

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号