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 ...
随机推荐
- eclipse通过ctrl+shift+t无法找到源文件类的解决方法
通过ctrl + shift + t找对应的类时,类明明存在,并且也在编译路径下,但就是查找不到,一个可能的原因就是eclipse为类建立的索引出了问题. 解决的方法是:找到项目所在工作空间下的.me ...
- sql事务（Transaction）用法介绍及回滚实例
sql事务(Transaction)用法介绍及回滚实例 事务(Transaction)是并发控制的单位,是用户定义的一个操作序列.这些操作要么都做,要么都不做,是一个不可分割的工作单位.通过事务, S ...
- 摸索探寻之Mac OS 使用及快捷键
刚发现的一个介绍Mac OS入门的帖子,新入手Mac的同学可以看看http://www.cnblogs.com/chijianqiang/archive/2011/08/03/2126593.html ...
- 畅通工程[HDU1863]
畅通工程 Time Limit: 1000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total Submissio ...
- 【NOI2016】优秀的拆分 题解（95分）
题目大意: 求一个字符串中形如AABB的子串个数. 思路: 用哈希做到O(1)判断字符串是否相同,O($n^2$)预处理,ans[i]为开头位置为i的形如AA的子串个数.再用O($n^2$)枚举出AA ...
- 洛谷 P1529 回家 Bessie Come Home Label：Dijkstra最短路 && 乱搞
题目描述 现在是晚餐时间,而母牛们在外面分散的牧场中. 农民约翰按响了电铃,所以她们开始向谷仓走去. 你的工作是要指出哪只母牛会最先到达谷仓(在给出的测试数据中,总会有且只有一只最快的母牛). 在挤奶 ...
- [Java] 位运算
https://ckjoker.github.io/2015/03/01/Java-bit-primary/
- table常用功能总结
1,设置表格边框为单线框 table, th, td { border: 1px solid blue; }加上:table { border-collapse:collapse; } 由于 tabl ...
- javascript面向对象(三):非构造函数的继承
本文来自阮一峰 这个系列的第一部分介绍了"封装",第二部分介绍了使用构造函数实现"继承". 今天是最后一个部分,介绍不使用构造函数实现"继承" ...
- 野路子出身PowerShell 文件操作实用功能 MSSQL123
因工作需要,处理一批文件,本想写C#来处理的,后来想想这个是PowerShell的天职, 索性就网上各种搜,各种Demo,各种修改,花了半天时间,最后还是拼凑出来能达到效果了. 本身对PowerShe ...