`
lancijk
  • 浏览: 385070 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

CSS 鼠标 定义形状

    博客分类:
  • HTML
阅读更多

巧合要用到鼠标样式效果,就顺便整理了下十五种CSS鼠标样式,小例子供大家使用啊。CSS鼠标样式语法如下:
任意标签中插入 style="cursor:*" 
例子:<span style="cursor:*">文本或其它页面元素</span>  <a href="#" style="cursor:*">文本或其它页面元素</a>  注意把 * 换成如下15个效果的一种:

下面是对这15种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧!
hand是手型   
例子:CSS鼠标手型效果  <a href="#" style="cursor:hand">CSS鼠标手型效果</a>

pointer也是手型,这里推荐使用这种,因为这可以在多种浏览器下使用。
例子:CSS鼠标手型效果 <a href="#" style="cursor:pointer">CSS鼠标手型效果</a>

crosshair是十字型
例子:CSS鼠标十字型 效果 <a href="#" style="cursor:crosshair">CSS鼠标十字型 效果</a>

help是问号
例子:CSS鼠标问号效果  <a href="#" style="cursor:help">CSS鼠标问号效果</a>

下面写法都一样,这里就不一一写完了。
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果

分享到:
评论

相关推荐

    如何用CSS自定义鼠标显示的形状?.rar

    介绍: 我们在网页设计的时候,为了达到个性效果,需要将系统默认的鼠标形状改变掉,自宝义鼠标显示的形状,我们...CSS有一个属性:cursor,其作用是设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。

    js和CSS3自定义鼠标特效

    这是一款js和CSS3自定义鼠标特效。该特效中,使用一个DIV元素来自定义鼠标,通过CSS代码来构建鼠标的形状,并通过js代码来驱动鼠标的动画。

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

    实际上,用CSS可以方便地定义许多种鼠标形状。用本文介绍的方法,可以在网页的作何地方设置鼠标的不同样式。  在Dreamweaver中设置手形鼠标样式效果的制作步骤:  1、按F7(或点击快速启动栏里那个象“八卦图”似的...

    css入门笔记

    特点:将css样式定义在HTML标记中 语法: 样式声明:用样式属性和值组成(属性:值;) 常用的样式属性: 1.颜色 属性 :color 颜色 取值:颜色英文名 2.背景颜色 属性:background 取值 :颜色 3.设置...

    《程序天下:JavaScript实例自学手册》光盘源码

    4.6 鼠标形状定义大全 4.7 鼠标移入移出时颜色变化 4.8 跟随鼠标的文字 4.9 跟随鼠标的彩色文字 4.10 跟随鼠标的魔法文字 4.11 跟随鼠标的星星 4.12 跟随鼠标的旋转背景 4.13 图片跟随鼠标 4.14 围绕鼠标的文本 4.15...

    程序天下:JavaScript实例自学手册

    4.6 鼠标形状定义大全 4.7 鼠标移入移出时颜色变化 4.8 跟随鼠标的文字 4.9 跟随鼠标的彩色文字 4.10 跟随鼠标的魔法文字 4.11 跟随鼠标的星星 4.12 跟随鼠标的旋转背景 4.13 图片跟随鼠标 4.14 围绕鼠标的文本 4.15...

    JavaScript 权威指南(第四版).pdf

     15.8 文档和元素的几何形状和滚动389  15.9 HTML表单396  15.10 其他文档特性404  第16章 脚本化CSS410  16.1 CSS概览411  16.2 重要的CSS属性416  16.3 脚本化内联样式427  16.4 查询计算出的样式431  ...

    JavaScript权威指南(第6版)中文版pdf+源代码

     15.8 文档和元素的几何形状和滚动389  15.9 HTML表单396  15.10 其他文档特性404  第16章 脚本化CSS410  16.1 CSS概览411  16.2 重要的CSS属性416  16.3 脚本化内联样式427  16.4 查询计算出的样式431  ...

    JavaScript权威指南(第6版)(附源码)

    15.8 文档和元素的几何形状和滚动 15.9 HTML表单 15.10 其他文档特性 第16章 脚本化CSS 16.1 CSS概览 16.2 重要的CSS属性 16.3 脚本化内联样式 16.4 查询计算出的样式 16.5 脚本化CSS类 16.6 脚本化样式表 第17章 ...

    JavaScript权威指南(第六版) 清晰-完整

    15.8 文档和元素的几何形状和滚动 15.9 HTML表单 15.10 其他文档特性 第16章 脚本化CSS 16.1 CSS概览 16.2 重要的CSS属性 16.3 脚本化内联样式 16.4 查询计算出的样式 16.5 脚本化CSS类 16.6 脚本化样式表 第17章 ...

    JavaScript权威指南(第6版)(中文版)

    15.8 文档和元素的几何形状和滚动 15.9 HTML表单 15.10 其他文档特性 第16章 脚本化CSS 16.1 CSS概览 16.2 重要的CSS属性 16.3 脚本化内联样式 16.4 查询计算出的样式 16.5 脚本化CSS类 16.6 脚本化样式表 第17章 ...

    JavaScript权威指南(第6版)

    15.8 文档和元素的几何形状和滚动 15.9 HTML表单 15.10 其他文档特性 第16章 脚本化CSS 16.1 CSS概览 16.2 重要的CSS属性 16.3 脚本化内联样式 16.4 查询计算出的样式 16.5 脚本化CSS类 16.6 脚本化样式表 第17章 ...

    JavaScript权威指南(第6版) 中文版

    15.8 文档和元素的几何形状和滚动 389 15.9 html表单 396 15.10 其他文档特性 404 第16章 脚本化css 410 16.1 css概览 411 16.2 重要的css属性 416 16.3 脚本化内联样式 427 16.4 查询计算出的样式 431 16.5 脚本化...

    JavaScript权威指南(第6版)

    15.8 文档和元素的几何形状和滚动 389 15.9 html表单 396 15.10 其他文档特性 404 第16章 脚本化css 410 16.1 css概览 411 16.2 重要的css属性 416 16.3 脚本化内联样式 427 16.4 查询计算出的样式 431 16.5 脚本化...

    JavaScript权威指南(第6版)中文文字版

    15.8 文档和元素的几何形状和滚动 389 15.9 html表单 396 15.10 其他文档特性 404 第16章 脚本化css 410 16.1 css概览 411 16.2 重要的css属性 416 16.3 脚本化内联样式 427 16.4 查询计算出的样式 431 16.5 脚本化...

    C#编程经验技巧宝典

    C#编程经验技巧宝典源代码,目录如下: 第1章 开发环境 1 &lt;br&gt;1.1 Visual Studio开发环境安装与配置 2 &lt;br&gt;0001 安装Visual Studio 2005开发环境须知 2 &lt;br&gt;0002 配置合适的Visual Studio 2005...

    400个DreamWeaver插件

    mxp/平常插入的文本框都是白底黑字,如果要改变,就要用CSS定义,很麻烦。这个插件可以直接插入彩色的文本框 mxp/可以对文本框内的字符长度做限制,如果超出长度,可以弹出错误信息。 mxp/一个form Inspector的替代...

Global site tag (gtag.js) - Google Analytics