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(' 光标地址')
|
<style type="text/css">
.a{ cursor:hand } /*这里边的curusor的值可以是以上表中的任何值,或是你自己定义*/
</style>
还有一种用法其原理是:利用了CSS2的一个cursor的属性cursor:url (url),鼠标文件可以使用jpg、gif、ani和cur多种文件格式。需要注意的这种方式只能在IE5.5以上浏览器中正常显示。
这种方法非常简单,只需要讲以下代码加到网页文件的<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改变鼠标指针形状方法 属性说明相关推荐
- CSS/HTML 改变鼠标指针形状
https://www.cnblogs.com/hanqishihu/p/5805566.html CSS/HTML 改变鼠标指针形状 改变鼠标指针形状的方法有两种:第一种:用的来改变鼠标指针形状.另 ...
- 改变鼠标指针形状两种方法及实例
改变鼠标指针形状的方法有两种:一种:用css样式表来改变鼠标指针形状.另一种是:利用第三方控件的方法,而我自己最常用的是第一种:用css样式表来改变鼠标指针形状 我们先来看第一种:用css样式表来改变 ...
- flash as3 改变鼠标指针形状
在flash as3制作中的时候,我们常常遇到这样的需求,就是让鼠标变成手形.比如,你希望用户把鼠标移到影片按钮上的时候,鼠标变手形;你希望鼠标一直是一个手形,而不是箭头.下面我们就来研究一下: 1 ...
- JavaScript中改变鼠标指针样式的方法
JavaScript中改变鼠标指针样式的方法 在js中我们可以通过style对象的cursor属性来设置鼠标指针的样式,例 var body = document.querySelector(&quo ...
- html实现游戏鼠标样式,巧妙运用CSS立刻改变鼠标的样式
巧妙运用CSS立刻改变鼠标的样式 互联网 发布时间:2008-10-17 19:27:05 作者:佚名 我要评论 用惯了Windows的人对各种各样的鼠标样式一定不会陌生.当鼠标移动到不同 ...
- css中设置鼠标形状的函数,css怎样设置鼠标的形状
css怎样设置鼠标的形状 发布时间:2020-11-13 10:10:40 来源:亿速云 阅读:91 作者:小新 小编给大家分享一下css怎样设置鼠标的形状,相信大部分人都还不怎么了解,因此分享这篇文 ...
- C#软件开发实例.私人订制自己的屏幕截图工具(十)在截图中包括鼠标指针形状...
本实例所有文章文件夹 (一)功能概览 (二)创建项目.注冊热键.显示截图主窗体 (三)托盘图标及菜单的实现 (四)基本截图功能实现 (五)针对拖拽时闪烁卡顿现象的优化 (六)加入配置管理功能 (七)加 ...
- C#软件开发实例.私人订制自己的屏幕截图工具(十)在截图中包含鼠标指针形状
本实例全部文章目录 (一)功能概览 (二)创建项目.注册热键.显示截图主窗口 (三)托盘图标及菜单的实现 (四)基本截图功能实现 (五)针对拖拽时闪烁卡顿现象的优化 (六)添加配置管理功能 (七)添加 ...
- [css] 怎么自定义鼠标指针的图案?
[css] 怎么自定义鼠标指针的图案? cursor: url() ,auto url是自定义光标图案的绝对路径,auto是默认光标,当我们自定义的光标不起作用时,就用默认光标代替. 个人简介 我是歌 ...
最新文章
- 最喜欢的 jQuery 插件
- 告诉我们您对 Office 2010 的看法
- week06 codelab02
- 【最小生成树】路线规划(nowcoder 217603)
- linux命令基本格式教程,Linux命令基本格式(详解版)
- 关于SQLSERVER的全文目录跟全文索引的区别
- java模拟数据库压测_Jeecgboot Feign、分布式压测、分布式任务调度
- mysql 基本操作和问题
- [No000011A]Office Excel设置显示日期与星期
- java图片处理工具类
- SECS协议基础知识
- 软件工程之系统架构图和系统架构描述
- windows打开linux的vmdk,如何在VirtualBox中打开VMDK文件
- 密码技术---密钥和SSL/TLS
- KinectFusion
- 我室友拿到了美团50万年薪,太牛逼了
- c++——简单计算器
- 2018 Macbook pro 15(10.13.6)安装Nvidia 1070(Aorus Gaming Box)显卡驱动
- 防弹脚注,Woohoo!
- EPUB弹出窗口式脚注
热门文章
- Vue 基础学习 1.0
- html中init是什么作用,HTML5教程:精讲__init__、__new__、__call__方法(可面试用)
- c++游戏五子棋游戏
- 树莓派空载CPU占用率高的解决办法
- speedoffice(PPT)怎么设置幻灯片自动播放切换时间
- postfix CentOS 7.0
- 物联网常用的网络协议:MQTT、AMQP、HTTP、CoAP、LwM2M
- python语言程序设计基础(第2版) 嵩天 礼欣 黄天羽 著
- http和https的区别(面试必问)
- 字符串之strcpy实现