设为首页 加入收藏 网站首页
休闲娱乐
军事·社会百态·娱乐八卦·校园
体育·美女写真·幽默笑话·游戏
综合·在线视频·搞笑图片·灵异
两性生活
两性知识·性爱技巧
情色实录·两性图片
女性健康·同性之恋
电脑网络
网络编程·网页制作·软件教学
操作系统·图形图象·冲浪宝典
网络安全·邮件系统·认证考试
热点专题
芙蓉·真人漫画
72式·欲望都市
帅哥·人体彩绘
您现在的位置: 世纪中国 >> 网页制作 >> CSS教程 >> 教程正文
如何用CSS层叠样式表控制鼠标显示的样式
作者:中国图霸    教程来源:网络    点击数:    更新时间:2007-1-2

  一般而言,鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型。但用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是由系统自动给出效果

分类推荐
社会 社会 娱乐 军事 校园
幽默 体育 女性 专题
电脑 编程 网页 软件 系统
安全 图象 冲浪 认证
搞笑 人物 动物 物品 表情
签名 色图 漫画 奇闻
美女 明星 清纯 自拍 欧美
丝袜 卡通 性感 走光
两性 知识 性图 孕育 技巧
同性 单身 情感 实录
视频 写真 搞笑 MTV 翻唱
写实 片段 游戏 综艺
CSS教程热门文章
普通教程 CSS垂直树形下拉菜单
普通教程 CSS+JS实现的选项卡效果(html组
普通教程 用CSS做滑动效果的图片画廊
普通教程 用CSS设计高体验的表单显示效果
普通教程 网页制作之常用CSS缩写语法总结
普通教程 CSS实现导航条图片的翻转菜单
普通教程 CSS仿淘宝首页导航条按钮布局效
普通教程 超强,用CSS构建iframe效果
普通教程 完全CSS写的鼠标悬停tip效果
普通教程 对css滑动门技术的一些总结和归
普通教程 用CSS层叠样式表完成可以控制的
普通教程 常用CSS
普通教程 CSS+DIV网页特效欣赏:非常酷的
普通教程 CSS+DIV设计实例:纯CSS制作下
普通教程 CSS属性中Display与Visibility
普通教程 利用CSS控制打印
普通教程 内联CSS的background-image属性
普通教程 导航上用CSS标志当前页效果的实
普通教程 CSS的常用技巧放送
普通教程 XHTML+CSS兼容性解决方案小集

  广东广州海珠区 世纪网络工作室 版权所有 上海电信提供网络带宽
信箱: 9297659@qq.com 粤ICP备06113754号