关闭

js鼠标样式

589人阅读 评论(0) 收藏 举报

<html>
<body>
    <span style="cursor: hand">hand:是大家所熟悉的手型。</span><br>
    <span style="cursor: crosshair">crosshair:是十字型,就是小乌龟首页所用的样式。</span><br>
    <span style="cursor: text">text:是平时鼠标移动到文本上的样式。</span><br>
    <span style="cursor: wait">wait:是等待的效果。</span><br>
    <span style="cursor: default">default:是默认的那种效果。</span><br>
    <span style="cursor: help">help:是带问号的鼠标样式。</span><br>
    <span style="cursor: e-resize">e-resize:是向右的箭头。</span><br>
    <span style="cursor: ne-resize">ne-resize:是向右上方的箭头。</span><br>
    <span style="cursor: n-resize">n-resize:是向上的箭头。</span><br>
    <span style="cursor: nw-resize">nw-resize:是向左上方的箭头。</span><br>
    <span style="cursor: w-resize">w-resize:是向左的箭关。</span><br>
    <span style="cursor: sw-resize">sw-resize:是向左下的箭头。</span><br>
    <span style="cursor: s-resize">s-resize:是向下的箭头。</span><br>
    <span style="cursor: se-resize">se-resize:是向右下方的箭头。</span><br>
    <span style="cursor: auto">auto:是系统自动的效果。</span>
</body>
</html>

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:9901次
    • 积分:185
    • 等级:
    • 排名:千里之外
    • 原创:9篇
    • 转载:2篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档