DIV css中cursor属性详解-鼠标移到图片变换鼠标形状 (转)

css中cursor属性详解-鼠标移到图片变换鼠标形状

语法: 
cursor : auto | all-scroll | col-resize| crosshair | default | hand | move | help | no-drop | not-allowed | pointer | progress | row-resize | text | vertical-text | wait | *-resize | url ( url )  
取值: 
auto  :   默认值。浏览器根据当前情况自动确定鼠标光标类型。  
all-scroll  :  IE6.0  有上下左右四个箭头,中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动。  
col-resize  :  IE6.0  有左右两个箭头,中间由竖线分隔开的光标。用于标示项目或标题栏可以被水平改变尺寸。  
crosshair  :   简单的十字线光标。  
default  :   客户端平台的默认光标。通常是一个箭头。  
hand  :   竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。  
move  :   十字箭头光标。用于标示对象可被移动。  
help  :   带有问号标记的箭头。用于标示有帮助信息存在。  
no-drop  :  IE6.0  带有一个被斜线贯穿的圆圈的手形光标。用于标示被拖起的对象不允许在光标的当前位置被放下。  
not-allowed  :  IE6.0  禁止标记(一个被斜线贯穿的圆圈)光标。用于标示请求的操作不允许被执行。  
pointer  :  IE6.0  和 hand 一样。竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。  
progress  :  IE6.0  带有沙漏标记的箭头光标。用于标示一个进程正在后台运行。  
row-resize  :  IE6.0  有上下两个箭头,中间由横线分隔开的光标。用于标示项目或标题栏可以被垂直改变尺寸。  
text  :   用于标示可编辑的水平文本的光标。通常是大写字母 I 的形状。  
vertical-text  :  IE6.0  用于标示可编辑的垂直文本的光标。通常是大写字母 I 旋转90度的形状。  
wait  :   用于标示程序忙用户需要等待的光标。通常是沙漏或手表的形状。  
*-resize  :   用于标示对象可被改变尺寸方向的箭头光标。w-resize | s-resize | n-resize | e-resize | ne-resize | sw-resize | se-resize | nw-resize  
url ( url )  :  IE6.0  用户自定义光标。使用绝对或相对 url 地址指定光标文件(后缀为 .cur 或者 .ani )。

说明: 
设置或检索在对象上移动的鼠标指针采用的光标形状。 
此属性的值可以是多个,其间用逗号分隔。假如第一个值不可以被客户端系统理解或所指定的光标无法找到及显示,则第二个值将被尝试使用。依此类推。假如全部值都不可用的话,则此属性不会发生作用。光标不会被改变。 
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 
对应的脚本特性为 cursor 。  
示例:

时间: 2024-12-04 10:43:36

DIV css中cursor属性详解-鼠标移到图片变换鼠标形状 (转)的相关文章

CSS中background属性详解

CSS背景属性 background css 说明 background-image:url(图片的网址); 背景图 background: url( 图片的网址 ); 背景 background-color:#色码; 背景色彩 Exp: background-image:url(背景图案.jpg,gif,bmp); background-color:#FFFFFF; background-color : tra CSS背景属性 background css 说明 background-imag

CSS中margin属性详解

margin属性概述margin是CSS层叠样式表中用来规定围绕在元素边框周围空白区域范围的属性. 该接受任何长度单位,可以是像素.英寸.毫米或 em. 相关属性margin 可以单独改变元素的上,下,左,右边距.也可以一次改变所有的属性. 使用语法1.使用单独属性设置四边的距离 #d2 { border: 1px solid blue; /*为了显示效果,所以让d2有了边框 */ margin-top: 20px; /*上边距为20px*/ margin-right: 30px; /*右边距为

HTML中META属性详解 转载自 hero_213的博客

HTML中META属性详解 meta是html语言head区的一个辅助性标签.几乎所有的网页里,我们可以看到类似下面这段的html代码: <head> <meta   http-equiv= "content-Type "   content= "text/html;   charset=gb2312 "> </head>         也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,例如加

ImageView中scaleType属性详解

scaleType是指定图片的拉伸方式的一个属性,下面是具体的示例和介绍: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="

spring sessionFactory 属性配置详解,applicationContext中各种属性详解

1.Bean的id为sessionFactory,对应的类为AnnotationSessionFactory,即采用注解的形式实现hibernate. 2.hibernateProperties,配置hibernate的属性 1)hibernate.dialect,配置Hibernate方言,可以让Hibernate使用某些特定的数据库平台的特性,具体的dialect大全: 结下不同数据库的该属性的值如下表.其中属性值得格式:{hibernatejar的全名}.dialaect.{对应数据库}D

Android中shape属性详解

一.简单使用 刚开始,就先不讲一堆标签的意义及用法,先简单看看shape标签怎么用. 1.新建shape文件 首先在res/drawable文件夹下,新建一个文件,命名为:shape_radius.xml 内容是这样的:(先不需要理解,先看shape怎么用) [html] view plaincopyprint? <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="ht

Hibernate 中配置属性详解(hibernate.properties)

Hibernate能在各种不同环境下工作而设计的, 因此存在着大量的配置参数.多数配置参数都 有比较直观的默认值, 并有随 Hibernate一同分发的配置样例hibernate.properties 来展示各种配置选项. 所需做的仅仅是将这个样例文件复制到类路径 (classpath)下并做一些自定义的修改. 属性1.Hibernate JDBC属性 属性名 用途 hibernate.connection.driver_class jdbc驱动类 hibernate.connection.ur

css下position属性详解

写过CSS的人都免不了与position属性打交道,但是要真正理解position属性还不是一个很容易的事.前两天博主想在一个html页面上实现一个<div>元素重叠在另一个<div>元素上,并且位于该<div>元素的右下角的效果.在网上搜到他人的解决方法,并且也实现了,这里面最关键的就是利用position属性以及left.right.top.bottom等属性.为了更为透彻地理解背后原理,博主在网上搜了相关的资料,总算是有了一些认识,或许也只是一知半解,不过先写下来

CSS中的BFC详解

一 常见定位方案 普通流 默认,从上而下,行内元素水平排列,行满换行,块级元素渲染成一个新行. 浮动 先按普通流位置出现,然后根据浮动方向偏移. 绝对定位 元素具体位置由绝对定位坐标组成. 一.何为BFC BFC(Block Formatting Context)格式化上下文,是Web页面中盒模型布局的CSS渲染模式,指一个独立的渲染区域或者说是一个隔离的独立容器. BFC 即 Block Formatting Contexts (块级格式化上下文),属于普通流. 可以把 BFC 理解为一个封闭