`
- 浏览:
273135 次
- 性别:
- 来自:
北京
-
一般而言,鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型。但用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-size是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
纯CSS实现客服悬浮窗,随浏览器滚动而滚动。可任意自定义位置。代码简洁易懂。兼容一切主流浏览器
CSS3鼠标经过图片3D翻转动画特效是一款通过Bootstrap网格系统来布局,通过简单的CSS3代码,在鼠标滑过图片时对图片进行3D翻转,效果非常酷。
鼠标的显示样式可以在css里进行友好的控制,下面整理了一些鼠标的样式类型,感兴趣的朋友可以参考下,希望对大家学习css有所帮助
7.2.1 CSS控制鼠标箭头 7.2.2 鼠标变幻的超链接 7.3 页面滚动条 第8章 用CSS制作实用的菜单 8.1 项目列表 8.1.1 列表的符号 8.1.2 图片符号 8.2 无需表格的菜单 8.3 菜单的横竖转换 8.4...
CSS+JS控制鼠标滑向表格变换背景图片代码CSS+JS控制鼠标滑向表格变换背景图片代码
CSS3鼠标控制字幕内容滚动特效.zip
table中的内容经常超过了我们固定的td长度,这个css控制td的内容,如果超过了td长度则自动隐藏超过长度的字符,显示... 鼠标移过时,显示完整的td信息。
JS+CSS控制左右切换鼠标可控的无缝图片滚动代码
基本上都是纯CSS3代码,然后加上一点点的js控制,也就是增加或者减少一个class的值而已 但是就是为了这么一点的js,往往需要引入一个大部分资源都比较浪费的jQuery库 今天特意修改了下,将原代码中的jQuery代码...
CSS3鼠标滚动控制页面滚动特效是一款基于CSS3属性制作的鼠标滚动控制页面单屏滚动效果。
这是一款支持鼠标滚轮控制的CSS3图片滚动切换展示特效,可看作是一个网页焦点图特效,也可看作是单纯的图片展示吧,可通过鼠标中轮滚动的方法来切换当前图片,上一张,下一张浏览查看图片。
云台控制器+css+jQuery+canvas(鼠标移入移出,按钮改变样式)
纯CSS3制作鼠标控制小猫笑脸动画.zip
css实现搜索按钮获取焦点后转换成搜索框,失去焦点转换成搜索按钮
CSS3鼠标控制下雨方向动画特效是一款基于html5+css3实现的通过鼠标左右移动控制风向下雨雨滴方向效果。
但用css可控制鼠标的显示效果,如可使鼠标移到普通文本上也显示成手型。 用css控制的语法如下: 文本或其它页面元素</span> 把 * 换成如下15个效果的一种: hand、crosshair、text、wait、default、help、e-resize、...