知识库

资源库

模板库

字体库

酷站区

讨论区
快 搜        热门搜索:
当前位置:主页 > 知识库 > 网页制作基础 > CSS >  文章内容

用css改变鼠标显示

2007-06-13 来源:  作者:  【收藏本文】【打印
      一般而言,鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型。但用css可控制鼠标的显示效果,如可使鼠标移到普通文本上也显示成手型。

    css控制的语法如下:
    <span style="cursor:*">文本或其它页面元素</span>
    把 * 换成如下15个效果的一种:
    hand、crosshair、text、wait、default、help、e-resize、ne-resize、n-resize、nw-resize、w-resize、sw-resize、s-resize、se-resize和auto。
    下面是对这15种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧!
    hand是手型
    crosshair是十字型
    text是移动到文本上的那种效果
    wait是等待的那种效果
    default是默认效果
    help是问号
    e-resize是向右的箭头
    ne-resize是向右上的箭头
    n-resize是向上的箭头
    nw-resize是向左上的箭头
    w-resize是向左的箭头
    sw-resize是左下的箭头
    s-resize是向下的箭头
    se-resize是向右下的箭头
    auto是由系统自动给出效果

    最新五条评论 点击查看全部评论评
    发表您的评论
    用户名:新注册) 密码: 匿名评论
    评论内容(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。
    1:用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
    2:本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
    3:请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为