CSS/HTML 改变鼠标指针形状
改变鼠标指针形状的方法有两种；第一种：用的来改变鼠标指针形状。另一种是:利用第三方控件的方法,而我自己最常用的是第一种:用css样式表来改变鼠标指针形状
我们先来看第一种：用来改变鼠标指针形状。
|
默认
|
default
|
|
文字/编辑
|
text
|
|
自动
|
auto
|
|
手形
|
pointer, hand(hand是IE专有)
|
|
可移动对象
|
move
|
|
不允许
|
not-allowed
|
|
无法释放
|
no-drop
|
|
等待/沙漏
|
wait
|
|
帮助
|
help
|
|
十字准星
|
crosshair
|
|
向上改变大小(North)
|
n-resize
|
|
向下改变大小(South)
|
s_resize 与n-resize效果相同
|
|
向左改变大小(West)
|
w-resize
|
|
向右改变大小(East)
|
e-resize 与w-resize效果相同
|
|
向左上改变大小（NorthWest）
|
nw-resize
|
|
向左下改变大小（SouthWest）
|
sw-resize
|
|
向右上改变大小（NorthEast）
|
ne-resize 与sw-resize效果相同
|
|
向右下改变大小（SouthEast）
|
se-resize 与nw-resize效果相同
|
|
自定义光标
|
url('光标地址')
|
.a{ cursor:hand } /*这里边的curusor的值可以是以上表中的任何值,或是你自己定义*/
</style>
这种方法非常简单，只需要讲以下代码加到网页文件的<head></head>之间：
<script language=>var Loaded=false;var Flag=false;</script>
<script src='http://files.cometsystems.com//lc2000.js'
language=></script>
<script language=>if(Loaded&&Flag)TheCometCursor('cd_electric',0,626);</script>
修改后，浏览此网页的时候浏览器会弹出一个“安全设置警告”，点击“是”，系统自动安装控件，鼠标就可以按照你的需要显示了。
那么，如何才能选择你所需要的鼠标样式呢？先登陆网站http://www.cometzone.com，这个网站有14个大类4000多种鼠标，内容十分广泛，鼠标文件制作也很精美，你可以根据需要从类别中选择需要的鼠标，点击相应的鼠标图片就可以预览到不同的效果。
选中鼠标后，点击网页左边导航的“GET CURSOR CODE”链接，转到下一页，再点击“Select Code”按钮，按钮下这个多行文本框里面的内容就是我上面提供的代码，只是代码中TheCometCursor('cd_electric',0,626)部分不同，显示的鼠标状态也不同.
CSS/HTML 改变鼠标指针形状的更多相关文章
- javascript - ie - css - 动态更新鼠标指针形状
最近写了一个图片展示的页面,在弹出层中显示大图,在大图的左边和右边点击时可以翻页. 将鼠标在大图上移动时,移动到左边显示一个向左的箭头,移动到右边时显示一个向右的箭头. 当第一次显示大图时,如果鼠标位 ...
- C#软件开发实例.私人订制自己的屏幕截图工具（十）在截图中包括鼠标指针形状
本实例所有文章文件夹 (一)功能概览 (二)创建项目.注冊热键.显示截图主窗体 (三)托盘图标及菜单的实现 (四)基本截图功能实现 (五)针对拖拽时闪烁卡顿现象的优化 (六)加入配置管理功能 (七)加 ...
- cursor CSS属性定义鼠标指针悬浮在元素上时的外观。
1 1 cursor CSS属性定义鼠标指针悬浮在元素上时的外观. https://developer.mozilla.org/zh-CN/docs/Web/CSS/cursor 概述 cursor ...
- 【css】cursor鼠标指针光标样式知识整理
在前端开发中,我们经常需要对对象鼠标指针光标进行控制,比如鼠标经过超链接时变成手指形状.在这里整理一下cursor鼠标指针光标样式的知识,记录与方便以后查找. 1.常用cursor光标 div( cu ...
- css改变鼠标指针的形状
<html> <body> <span style="cursor:auto"> <br /> <span style=&qu ...
- css常用鼠标指针形状代码
默认 default 文字/编辑 text 自动 auto 手形 pointer, hand(hand是IE专有) 可移动对象 move 不允许 not-allowed 无法释放 no-drop 等待 ...
- 使用C#改变鼠标的指针形状
1.在一个无标题的窗体中用MOUSEMOVE事件判断鼠标坐标是否到达窗体的边缘,如果是的话将鼠标指针改为可调整窗体大小的双向箭头. private void Form1_MouseMove(o ...
- 鼠标指针光标样式css cursor default pointer hand url
一.cursor语法与结构 1.cursor语法:cursor : auto | crosshair | default | hand | move | help | wait | text | w- ...
- css Cursor:url()自定义鼠标指针样式为图片
css自定义鼠标指针样式为图片Cursor:url()的使用,今天在项目中,要用到自定义鼠标样式,格式: css:{cursor:url('绝对路径的图片(格式:cur,ico)'),-moz-zoo ...
随机推荐
- VBA找不到progress bar的处理办法。
Search your pc for MSCOMCTL.Ocx. If you find it then register it by clicking on Windows Start Button ...
- CI框架如何在主目录application目录之外使用uploadify上传插件和bootstrap前端框架：
19:29 2016/3/10CI框架如何在主目录application目录之外使用uploadify上传插件和bootstrap前端框架:项目主路径:F:\wamp\www\graduationPr ...
- MySQL-多条件拼接语句
BEGIN "; SET @_where=""; THEN SET @_where= CONCAT(@_where," AND sourcedomain=\&q ...
- table首行固定
转自http://www.cnblogs.com/azhqiang/p/3965774.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. ...
- iOS TTF文件使用---改变字体
TTF(True Type Font):是一种字库名称 TTF文件:是Apple公司和Microsoft公司共同推出的字体文件格式 使用: 1 获取字体文件 从各种渠道下载字体ttf,网站或从别的ip ...
- Python爬虫：Xpath语法笔记
一.选取节点 常用的路劲表达式: 表达式 描述 实例 nodename 选取nodename节点的所有子节点 xpath(‘//div’) 选取了div节点的所有子节点 / 从根节点选取 xpat ...
- 小型移动 webApp Demo 知识点整理
包括内容: css初始化.css全局设置.常用meat标签.rem适配.flex布局.相关技巧(手势库使用.多行截字.1像素边线.点击状态.placeholder居中等) reset 引用 norma ...
- openstack中eventlet使用
openstack中使用eventlet的协程来实现并发. 第一种,使用eventlet.GreenPool来管理绿色线程 如l3-agent在开启了8个绿色线程来处理router消息 def _pr ...
- andriod逆向实验截图
- Linux_函数使用手册（中、英），确实不错
http://files.cnblogs.com/files/findumars/Linux_functions_ch_en.rar