用CSS改变鼠标样式

  用CSS改变鼠标样式
  关键字: 解释: 样式:
  auto 自动改变样式
  crosshair 精确定位"+" 用鼠标指着我察看效果
  default 默认指针 用鼠标指着我察看效果
  hand 手形 用鼠标指着我察看效果
  move 移动 用鼠标指着我察看效果
  e-resize 箭头朝右方 用鼠标指着我察看效果
  ne-resize 箭头朝右上方 用鼠标指着我察看效果
  nw-resize 箭头朝左上方 用鼠标指着我察看效果
  n-resize 箭头朝上方 用鼠标指着我察看效果
  se-resize 箭头朝右下方 用鼠标指着我察看效果
  sw-resize 箭头朝左下方 用鼠标指着我察看效果
  s-resize 箭头朝下方 用鼠标指着我察看效果
  w-resize 箭头朝左方 用鼠标指着我察看效果
  text 文本"I"形 用鼠标指着我察看效果
  wait 等待 用鼠标指着我察看效果
  help 帮助 用鼠标指着我察看效果
  使用方法:在需要改变鼠标样式的地方插入:style="cursor:关键字"
时间: 2024-10-31 01:20:01

用CSS改变鼠标样式的相关文章

js改变鼠标样式:js改变鼠标的形状和样式

当今多数浏览器支持一下指针样式(将鼠标移动到样式名称上以观察指针样式改变为那个样式):auto move no-drop col-resizeall-scroll pointer not-allowed row-resizecrosshair progress e-resize ne-resizedefault text n-resize nw-resizehelp vertical-text s-resize se-resizeinherit wait w-resize sw-resize在w

巧用CSS控制鼠标样式变换

css|控制|鼠标样式 主页上的鼠标是不是就只有箭头和小手两种模样呢?如果鼠标移到"帮助"等字样上时,形状就变成求助的问号:鼠标移到可能需要较长时间等待的超链接时,鼠标形状就变成等待的样子--那该多好啊! 其实,借助我们的css,几句很简单的代码就可以实现这一切! 不信?把鼠标移到下面的演示文字上看看效果吧! 演示:手形 源代码:<P style="CURSOR: hand">演示:手形</P> 演示:移动 源代码:<p style=c

用css改变鼠标显示

css|鼠标|显示    一般而言,鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型.但用css可控制鼠标的显示效果,如可使鼠标移到普通文本上也显示成手型.  用css控制的语法如下: <span style="cursor:*">文本或其它页面元素</span>  把 * 换成如下15个效果的一种: hand.crosshair.text.wait.default.help.e-resize.ne-resize.n-resize.nw

用CSS改变鼠标形状的代码

<span style="cursor:hand">手形</span> <span style="cursor:crosshair">十字</span> <span style="cursor:text" >文本光标</span> <span style="cursor:wait" >等待</span> <span style

巧妙用CSS样式表改变鼠标的样式

用惯了Windows的人对各种各样的鼠标样式一定不会陌生.当鼠标移动到不同的地方时,当鼠标执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生变化.而在网页上往往只有当鼠标在超级链接上时才出现一个手形,在其它地方似乎没有什么变化.这同充满动感的网页显得不怎么和谐.实际上,用CSS可以方便地定义许多种鼠标形状.用本文介绍的方法,可以在网页的作何地方设置鼠标的不同样式. 在Dreamweaver3中设置手形鼠标样式效果的制作步骤: 1.按F7(或点击快速启动栏里那个象"八卦图"似

js改变鼠标的形状和样式的方法

  常用的改变鼠标样式的方法:如果你想鼠标移动到某个元素上改变鼠标样式 就在这个元素的样式里加上 cursor:(你想改的样式) 当今多数浏览器支持一下指针样式(将鼠标移动到样式名称上以观察指针样式改变为那个样式): auto move no-drop col-resize all-scroll pointer not-allowed row-resize crosshair progress e-resize ne-resize default text n-resize nw-resize

js改变鼠标的形状和样式的方法_javascript技巧

当今多数浏览器支持一下指针样式(将鼠标移动到样式名称上以观察指针样式改变为那个样式): auto move no-drop col-resize all-scroll pointer not-allowed row-resize crosshair progress e-resize ne-resize default text n-resize nw-resize help vertical-text s-resize se-resize inherit wait w-resize sw-re

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

css|样式表 用惯了Windows的人对各种各样的鼠标样式一定不会陌生.当鼠标移动到不同的地方时,当鼠标执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生变化.而在网页上往往只有当鼠标在超级链接上时才出现一个手形,在其它地方似乎没有什么变化.这同充满动感的网页显得不怎么和谐.实际上,用 CSS可以方便地定义许多种鼠标形状.用本文介绍的方法,可以在网页的作何地方设置鼠标的不同样式. 在Dreamweaver3中设置手形鼠标样式效果的制作步骤: 1.按F7(或点击快速启动栏里那个象"八

入门学习:运用CSS样式表改变鼠标的样式

css|鼠标|样式表 用惯了Windows的人对各种各样的鼠标样式一定不会陌生.当鼠标移动到不同的地方时,当鼠标执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生变化.而在网页上往往只有当鼠标在超级链接上时才出现一个手形,在其它地方似乎没有什么变化.这同充满动感的网页显得不怎么和谐.实际上,用CSS可以方便地定义许多种鼠标形状.用本文介绍的方法,可以在网页的作何地方设置鼠标的不同样式. 在Dreamweaver3中设置手形鼠标样式效果的制作步骤: 1.按F7(或点击快速启动栏里那个象