- 浏览: 2612223 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
CSS cursor 属性
-----------规定要显示的光标的类型(形状)
auto |
yes |
CSS2 |
object.style.cursor="crosshair |
- 所有主流浏览器都支持cursor属性
- Opera 9.3 和Safari3不支持url值
可能的值
url |
需使用的自定义光标的 URL。 注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。 |
default | 默认光标(通常是一个箭头) |
auto | 默认。浏览器设置的光标。 |
crosshair | 光标呈现为十字线。 |
pointer | 光标呈现为指示链接的指针(一只手) |
move | 此光标指示某对象可被移动。 |
e-resize | 此光标指示矩形框的边缘可被向右(东)移动。 |
ne-resize | 此光标指示矩形框的边缘可被向上及向右移动(北/东)。 |
nw-resize | 此光标指示矩形框的边缘可被向上及向左移动(北/西)。 |
n-resize | 此光标指示矩形框的边缘可被向上(北)移动。 |
se-resize | 此光标指示矩形框的边缘可被向下及向右移动(南/东)。 |
sw-resize | 此光标指示矩形框的边缘可被向下及向左移动(南/西)。 |
s-resize | 此光标指示矩形框的边缘可被向下移动(北/西)。 |
w-resize | 此光标指示矩形框的边缘可被向左移动(西)。 |
text | 此光标指示文本。 |
wait | 此光标指示程序正忙(通常是一只表或沙漏)。 |
help | 此光标指示可用的帮助(通常是一个问号或一个气球)。 |
not-allowed | 禁止标记(一个被斜线贯穿的圆圈)光标。用于标示请求的操作不允许被执行。 |
扩展阅读:
1、http://www.w3school.com.cn/css/pr_class_cursor.asp (差了一个not-allowed)在我上面已经补充了
发表评论
-
css 基础之 em 与 rem
2017-02-27 14:03 970em 和 rem 都是相对单位,由浏览器转换为 ... -
css之counter-increment
2014-03-31 18:40 1248CSS 之 counter-increment ... -
css基础之clip属性
2014-03-06 22:03 1099本文介绍一下css的clip属性: ... -
css之initial
2013-11-02 21:04 1137本文来自:https://developer. ... -
position为relative的限制
2013-10-25 15:39 1397本文主要来自:http://www.pl ... -
css opacity属性
2013-04-10 17:12 0内容参考:http://www.dreamd ... -
css基础之text-decoration
2013-02-26 16:19 1399前言: 先看一个app的效 ... -
css伪元素之:first-line
2013-01-15 14:10 1363:first-line -- ... -
css伪元素之:first-letter
2013-01-15 14:11 1336:first-letter ... -
css伪元素之:after
2013-01-14 15:40 1468:after --- ... -
css伪元素之:before
2013-01-14 15:32 1571:before -- ... -
css之ime-mode
2012-08-02 16:21 1851css之ime-mode ---------- ... -
CSS unicode-bidi属性
2012-05-27 17:27 2085CSS unicode-bidi属性 un ... -
整理部分IE hack
2012-05-19 19:25 1514前面也简单地写过一篇简单整理IE的hack,但是那篇只是简单地 ... -
浅谈css3的书写顺序
2012-05-11 16:04 1596前言: 最近一直在写css规范的文档,关于 ... -
热门前端面试题之link与import方式的区别
2012-05-11 13:58 2201写css规范的文档的时候,很多人都会推荐css文件的引入方式尽 ... -
css vertical-align属性
2012-03-25 11:30 1690CSS vertical-align 属性 -- ... -
css伪类
2012-02-16 20:46 1548CSS 伪类 (Pseudo-classes) ... -
css后代选择器
2012-02-16 20:47 1540CSS 后代选择器 ----------- ... -
css相邻兄弟选择器
2012-02-14 14:56 1967CSS 相邻兄弟选择器 ------- ...
相关推荐
其中,`cursor`属性是CSS中的一个重要特性,它允许开发者自定义鼠标指针在不同元素上显示的样式。本篇文章将详细阐述`cursor`属性的使用及其各种预定义的鼠标样式。 `cursor`属性主要用于改变用户在页面上的交互...
### 鼠标特效CSS的Cursor属性详解 在网页设计与开发中,为了提升用户体验以及增强网站的互动性,开发者经常需要对网站进行各种细节优化。其中,利用CSS中的`cursor`属性来改变鼠标指针样式就是一种常见的优化手段。...
在前端开发中,CSS(Cascading Style Sheets)是用于控制网页元素样式的重要技术,而“cursor”属性则是CSS中的一个重要部分,它定义了用户在鼠标指针位于元素上时的光标形状。"css-cursor"是一个开源库,专注于规范...
在CSS中,`cursor`属性是一个非常有用的功能,它允许我们改变用户在页面上移动鼠标时看到的指针样式。本文主要介绍了两个实用的`cursor`属性组合:`zoom-in/zoom-out`和`grab/grabbing`,它们极大地增强了用户体验,...
CSS中的`cursor`属性用于控制鼠标指针在页面上的显示样式。这个属性允许开发者根据不同的交互情况设置不同的鼠标光标,以提供更好的用户体验和视觉反馈。以下是对标题和描述中提到的一些`cursor`可选值的详细解释: ...
在CSS中,cursor属性用于定义鼠标悬停在元素上方时显示的光标样式。光标样式可以影响用户的交互体验,使网页的导航和操作更加直观和友好。以下详述了CSS中cursor属性所包含的一些常见鼠标样式,并解释了它们的用途。...
最后,`cursor`属性可以改变鼠标指针的形状,例如`cursor:hand`设置成手形,适用于链接,`cursor:wait`显示等待沙漏,等等。 这些只是CSS的一部分基础知识,实际应用中还有更复杂的布局技术,如响应式设计、Flexbox...
CSS提供了`cursor`属性,用于定义鼠标指针在元素上时显示的形状。例如,如果你想让鼠标在某个元素上变为手型,你可以这样编写CSS代码: ```css selector { cursor: pointer; } ``` 这里的`selector`是你希望应用此...
1. **多语言支持**:Cursor编辑器通常支持多种编程语言,如C++, Python, Java, JavaScript, HTML, CSS等,允许用户无缝切换并编辑不同类型的项目。 2. **语法高亮**:为提高代码可读性,Cursor提供了语法高亮功能,...
cursor: pointer; /* 鼠标悬停时显示手形光标,表示可点击 */ } ``` 为了增加视觉吸引力,我们可以为按钮添加背景色、文字颜色、阴影效果以及过渡动画。例如: ```css .circle-btn { /* ... 之前的样式 */ ...
本文将深入探讨如何使用CSS来创建美观且功能丰富的“CssButton”按钮样式,以及相关的实践示例。 一、基础按钮样式 一个基本的HTML按钮元素看起来像这样: ```html 点击我 ``` 默认情况下,浏览器会为按钮提供一种...
cursor: pointer; } .button:hover { background-color: #2980b9; } ``` 此外,为了增强用户体验,还可以通过CSS实现表单验证,如错误提示、成功提示的样式。例如,可以为必填字段添加红色星号(*),或者在输入...
除了动画效果,CSS3还允许我们自定义鼠标指针的形状,通过`cursor`属性实现。这可以进一步提升用户的交互体验,让他们在未点击前就预知即将发生的动作。 总结来说,CSS3鼠标悬停动画是提升网页互动性和吸引力的强大...
### CSS常见考题知识点解析 #### 一、DOCTYPE与CSS兼容性问题 **知识点:** DOCTYPE声明在HTML文档头部,用于告知浏览器该文档遵循的标准。不同的DOCTYPE会影响到浏览器的渲染模式,进而影响到CSS的表现。 - **...
因此,利用CSS(层叠样式表)来美化滚动条,使之与网站的视觉效果统一,是提升用户体验的重要手段。本文将详细介绍如何通过CSS来自定义和美化滚动条。 一、CSS滚动条的基本结构 滚动条由三部分组成:轨道...
`cursor`属性是CSS中的一个关键属性,用于设置元素的光标显示。它可以接受多种预定义的值,如`default`、`pointer`、`text`、`wait`等,也可以接受URL指向的自定义图像,以创建独特的鼠标指针效果。 例如,如果你想...
- `cursor` 用于设置鼠标光标的形状,如`default`, `hand`, `pointer`等。 【Div+CSS布局】 Div常用于构建网页的结构,通过CSS控制其宽高、位置和样式。例如: ```css Div{ Width:80px; Height:25px; ...
<p style="cursor: pointer;">当鼠标悬停时,显示指针样式。 ``` 掌握这些基础知识后,你就可以开始深入学习CSS选择器、盒模型、布局方式(如Flexbox和Grid)、响应式设计等高级话题。了解并熟练运用CSS,将使你...
在探讨“根据图片大小自适应的CSS”这一主题时,我们深入分析了如何利用CSS(层叠样式表)来确保图片能够根据不同设备和屏幕尺寸自动调整其大小,从而实现响应式设计的效果。以下是对该主题的详细解析: ### 一、...
cursor: pointer; width: 100%; } ``` 在"6套登录模板"中,可能包含了不同设计风格和功能的登录页面示例,比如扁平化设计、暗黑模式、浮动效果、验证提示等。通过学习和研究这些模板,开发者可以了解到如何根据...