CSS控制鼠标样式变换方法
发布时间：2007-11-17 07:58:00
标签：鼠标,样式,css
主页上的鼠标是不是就只有箭头和小手两种模样呢？如果鼠标移到“帮助”等字样上时，形状就变成求助的问号；鼠标移到可能需要较长时间等待的超链接时，鼠标形状就变成等待的样子……那该多好啊！
其实，借助我们的css，几句很简单的代码就可以实现这一切！
不信？把鼠标移到下面的演示文字上看看效果吧！
演示：手形
代码：
<P style="CURSOR: hand">演示：手形</P>
或者
<P style="CURSOR: pointer">演示：手形</P>
演示：移动
代码：
<p style=cursor:move>演示：移动</p>
演示：等待
代码：
<P style="CURSOR: wait">等待状态</P>
演示：定位指示
代码：
<P style="CURSOR: crosshair">演示：定位指示</P>
演示：帮助
代码：
<P style="CURSOR: help">演示：帮助<P>
是不是简单又方便？这里我们只用到了CSS中的“cursor”属性，利用“style=cursor:值”这样的语句形式，分别设置具体的值就可以了。例如：值为“hand”时，当鼠标移到相应的文字或图片上时，就会变成超链接的小手形；值为“move”时，当鼠标移到相应的文字或图片上时，就会变成上下左右带方向箭头的形状，依此类推。这个小技巧也许可以在你制作主页时帮上一点忙呢！
文章推荐：css2中文手册
0
投稿猜你喜欢
- ESLint简介关于ESLint的介绍网上很多，这里就简单说些有用的。 ESLint的作用是检查代码错误和统一代码风格的。由于每个人写代码的
- 来蓝色一直都在潜水,很少写帖子,太对不起大家了.下面和大家探讨一个话题,希望能引起大家的兴趣.关于H1,一直都想和大家讨论H1用法的问题,可
一、pexpect模块介绍Pexpect使Python成为控制其他应用程序的更好工具。可以理解为Linux下的expect的Python封装- Python中的闭包的概念， 在我看来， 就相当于在某个函数中又定义了一个或多个函数， 内层函数定义了具体的实现方式， 而外层返回的就是这个
- 支持聚合函数的方法：提到聚合函数，首先我们要知道的就是这些聚合函数是不能在django中单独使用的，要想在django中使用这些聚合函数，就
- 直接给出例子说明：cs = conn.cursor()img_ids = [1,2,3]sql = "select img_url
- Pytorch版本介绍torch：1.6CUDA：10.2cuDNN：8.1.0✨安装 NVIDIA 显卡驱动程序一般 电脑出厂/装完系统
- 每每见到这三个函数，我都会很懵，一定要到网上搜搜；今天，恰巧又见到了它们，所以想必是时候为它们做个笔记啦1.slice（数组）用法：arra
- 本文实例讲述了Python切片操作。分享给大家供大家参考，具体如下：在很多编程语言中，针对字符串提供了截取函数，其实目的就是对字符串切片。P
- 目录技术背景python对Excel表格的处理vaex的安装与使用vaex的安装性能对比数据格式转换总结概要技术背景数据处理是一个当下非常热
- 代码如下:<％ Response.Buffer = True '一般情况下，当用户请求
- digo工具地址：https://github.com/werbenhu/digo特性使用注释中的注解自动代码生成自动检测循环依赖编译时期依
- 个人使用样例及部分翻译自官方文档，并详细介绍chart的使用一：基础应用1.创建pptx文档类并插入一页幻灯片from pptx impor
- 物体跟踪效果展示 过程：一、初始化def Motor_Init(): global L_Motor, R
- 你是否苦恼于网上无法下载的“小说在线阅读”内容？或是某些文章的内容让你很有收藏的冲动，却找不到一个下载的链接？是不是有种自己写个程序把全部搞
- multiprocessing.Pipe([duplex]) 返回2个连接对象(conn1, conn2),代表管道的两端,默认是双向通信.
- //Paul Tero, July 2001 //http://www.tero.co.uk/des/ // //Optimised for
- 一、前言我们需要分析某句话，就必须检测该条语句中的词语。一般来说，一句话肯定包含多个词语，它们互相重叠，具体输出哪一个由自然语言的切分算法决
- MySQL安装说明MySQL是一个关系型数据库管理系统，由瑞典MySQL AB 公司开发，目前属于Oracle旗下产品。MySQL 是最流行
- 随机从列表中取出元素：import randomdataSet = [[0], [1], [2], [3], [4], [5], [6],
