`
chuan9966
  • 浏览: 46857 次
文章分类
社区版块
存档分类
最新评论

用css控制鼠标样式

 
阅读更多


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


分享到:
评论

相关推荐

    《精通CSS+DIV网页样式与布局》光盘源码

     1.2 使用CSS控制页面   1.3 体验CSS   第2章 CSS的基本语法   2.1 CSS选择器   2.2 选择器声明  2.3 CSS的继承  第3章 用CSS设置丰富的文字效果   3.1 CSS文字样式  3.2 文字实例一:模拟...

    css 控制鼠标显示样式示例

    鼠标的显示样式可以在css里进行友好的控制,下面整理了一些鼠标的样式类型,感兴趣的朋友可以参考下,希望对大家学习css有所帮助

    精通CSS+DIV网页样式与布局视频教材

    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控制Hover标签所在的DIV产生...

    精通CSS.DIV.网页样式与布局 源码

     1.2 使用CSS控制页面   1.3 体验CSS   第2章 CSS的基本语法   2.1 CSS选择器   2.2 选择器声明  2.3 CSS的继承  第3章 用CSS设置丰富的文字效果   3.1 CSS文字样式  3.2 文字实例一...

    云台控制器+css+jQuery+canvas

    云台控制器+css+jQuery+canvas(鼠标移入移出,按钮改变样式)

    精通CSS+DIV网页样式与布局

     1.2 使用CSS控制页面   1.3 体验CSS   第2章 CSS的基本语法   2.1 CSS选择器   2.2 选择器声明  2.3 CSS的继承  第3章 用CSS设置丰富的文字效果   3.1 CSS文字样式  3.2 文字实例一:模拟...

    纯CSS3制作鼠标控制小猫笑脸动画.zip

    纯CSS3制作鼠标控制小猫笑脸动画是一款非常可爱的一只会笑的猫咪动画特效。

    精通CSS+DIV网页样式与布局Part1

     1.2 使用CSS控制页面   1.3 体验CSS   第2章 CSS的基本语法   2.1 CSS选择器   2.2 选择器声明  2.3 CSS的继承  第3章 用CSS设置丰富的文字效果   3.1 CSS文字样式  3.2 文字实例一:模拟...

    精通CSS.DIV网页样式与布局视频01

     1.2 使用CSS控制页面   1.3 体验CSS   第2章 CSS的基本语法   2.1 CSS选择器   2.2 选择器声明  2.3 CSS的继承  第3章 用CSS设置丰富的文字效果   3.1 CSS文字样式  3.2 文字实例一:模拟...

    c# asp.net 鼠标 控制 设置 控件 css 样式 坐标 注册表 保存 读取 坐标 值 打印 页面 局域网 查找

    c# asp.net 鼠标 控制 设置 控件 css 样式 坐标 注册表 保存 读取 坐标 值 打印 页面 局域网 查找

    css教程css理解

    css教程级联样式表(Cascading Style Sheet)简称“CSS”,通常又称为“风格样式表(Style Sheet)”,它是用来进行网页风格设计的。比如,如果想让链接字未点击时是蓝色的,当鼠标移上去后字变成红色的且有下划线,...

    不使用hover外部CSS样式实现hover鼠标悬停改变样式

    在DIV+CSS网页布局中,有时我们不能直接使用外部CSS样式控制DIV样式,比如对a设置a:hover样式,可以使用onMouseOver和onMouseOut实现对a标签或其它html标签设置hover样式,需要的朋友可以参考下

    CSS3鼠标滑过渐变颜色旋转图标特效

    基本上都是纯CSS3代码,然后加上一点点的js控制,也就是增加或者减少一个class的值而已 但是就是为了这么一点的js,往往需要引入一个大部分资源都比较浪费的jQuery库 今天特意修改了下,将原代码中的jQuery...

    《CSS全程指南》随书光盘

    6.2 CSS控制表格的颜色交替 155 6.3 CSS控制表格边框 156 6.4 制作圆角框 157 6.5 小结 159 第7章 表单样式设计 160 7.1 表单样式设计 161 7.1.1 表单透明化 161 7.1.2 增加表单中的空隙 162 7.2 表单元素样式设计 ...

    css样式粒子动效的按钮

    虽然background-image不支持CSS动画,但是另外两个background-size和background-position支持呀,所以,CSS transition和CSS animation都可以用起来。animation和transition实现原理比较类似,优点是可以做出更加...

    css样式粒子散开的按钮

    虽然background-image不支持CSS动画,但是另外两个background-size和background-position支持呀,所以,CSS transition和CSS animation都可以用起来。animation和transition实现原理比较类似,优点是可以做出更加...

    使用CSS伪元素控制连续几个元素的样式方法

    用CSS伪元素控制元素的时候经常性的需要改变一些元素的样式,网上有许多博客都说了如何去控制一个的改变,但是我在实际写的过程中,发现更多时候是需要控制多个连续元素的改变。 使用伪元素去控制(以:hover为例),...

Global site tag (gtag.js) - Google Analytics