Css改变鼠标形状的15种效果代码

聚花斋

聚花斋

2016-02-19 18:28

下面图老师小编跟大家分享一个简单易学的Css改变鼠标形状的15种效果代码教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

一般而言,鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型。但用css可控制鼠标的显示效果,如可使鼠标移到普通文本上也显示成手型。 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

用css控制的语法如下:

文本或其它页面元素 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  把 * 换成如下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-resize是向右的箭头
      ne-resize是向右上的箭头
     n-resize是向上的箭头
     nw-resize是向左上的箭头 
     w-resize是向左的箭头
     sw-resize是左下的箭头
     s-resize是向下的箭头
     se-resize是向右下的箭头
     auto是由系统自动给出效果

展开更多 50%)
分享

猜你喜欢

Css改变鼠标形状的15种效果代码

Web开发
Css改变鼠标形状的15种效果代码

用css改变鼠标显示

Web开发
用css改变鼠标显示

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

巧用CSS改变鼠标的样式

Web开发
巧用CSS改变鼠标的样式

用CSS代码写出的各种形状图形

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
用CSS代码写出的各种形状图形

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

jQuery 改变CSS样式基础代码

Web开发
jQuery 改变CSS样式基础代码

巧妙运用CSS立刻改变鼠标的样式

Web开发
巧妙运用CSS立刻改变鼠标的样式

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS学习之样式表基础知识

CSS学习之样式表基础知识

粘贴预览 Excel2010粘贴效果未卜先知

粘贴预览 Excel2010粘贴效果未卜先知
下拉加载更多内容 ↓