Linux中国  设为主页
 收藏本站
 
当前位置: > 首页 ->网站设计 ->CSS/CSS2 ->如何用CSS层叠样式表控制鼠标显示的样式
  相关分类: 
AJAX教程
CSS/CSS2
Dreamweaver
Fireworks
Flash
HTML/DHTML
JavaScript
Phososhop
网页制作
  站内搜索: 
热门文章排行
热门文章排行 纯CSS的下拉菜单 支持IE6 IE7 Firefo(06-05)
CSS:text-decoration(04-12)
CSS背景:background-repeat(04-12)
用CSS制作表头固定的表格(04-12)
CSS教程—元素的定位(04-12)
精采文章排行
精采文章排行 纯CSS的下拉菜单 支持IE6 IE7 Firefo(06-05)
CSS网页中的相对定位与绝对定位(06-05)
web标准化设计:常用的CSS命名规则(06-05)
网页标准化制作:CSS的超级技巧大放(06-05)
用CSS设计高体验的表单显示效果示例(06-05)
  ·CSS网页中的相对定位与绝对定位·web标准化设计:常用的CSS命名规则·网页标准化制作:CSS的超级技巧大放送·用CSS设计高体验的表单显示效果示例·CSS实现导航条图片的翻转菜单·用CSS实现的一张图完成的导航条·CSS仿淘宝首页导航条按钮布局效果·如何用CSS层叠样式表控制鼠标显示的样式·如何用CSS来控制网页字体的显示样式

如何用CSS层叠样式表控制鼠标显示的样式

作者:Webmaster   来源:Linuxdby.com   点击:   日期:2007-06-05 [收藏] [投稿]

  IE是否经常中毒?推荐您

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



 如果您对本文有任何疑问或者建议,请到讨论区发表您的意见: >> 论坛入口 <<



上一篇:如何用CSS来控制网页字体的显示样式   下一篇:CSS仿淘宝首页导航条按钮布局效果
文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【我要投稿】 【论坛讨论

   相关文章:
·纯CSS的下拉菜单 支持IE6 IE7 Firefox

   文章评论:(1条)
  
 请留名: 匿名评论   点击查看所有评论 论坛讨论
 

 声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。