CSS/HTML 改变鼠标指针形状
来源:互联网 发布:淘宝做什么类目好 编辑:程序博客网 时间:2024/06/06 07:13
CSS/HTML 改变鼠标指针形状
改变鼠标指针形状的方法有两种;第一种:用的来改变鼠标指针形状。另一种是:利用第三方控件的方法,而我自己最常用的是第一种:用css样式表来改变鼠标指针形状
我们先来看第一种:用来改变鼠标指针形状。
有些时候我们并不需要文字,图片加链接,而且还想要加链接时的鼠标样式。这就用到了我们的css样式表来鼠标指针形状了。请下面的css鼠标指针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('光标地址')
以上就是改变鼠标指针形状的css样式表。如何应用呢?下面我们用实例来说明一下:
<style type="text/css">
.a{ cursor:hand } /*这里边的curusor的值可以是以上表中的任何值,或是你自己定义*/
</style>
<div class=”a”>欢迎您到百洋软件研究实验室listly的博客来做客</div>
也可以直接将样式表写在div标签中效果是一样的哟如:
<div style=”cursor:help;”>欢迎您到百洋软件研究实验室listly的博客来做客</div>
还有一种用法其原理是:利用了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)部分不同,显示的鼠标状态也不同.
这种方法非常简单,只需要讲以下代码加到网页文件的<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)部分不同,显示的鼠标状态也不同.
阅读全文
0 0
- CSS/HTML 改变鼠标指针形状
- CSS/HTML 改变鼠标指针形状
- CSS/HTML改变鼠标指针形状方法 属性说明
- CSS/HTML改变鼠标指针形状方法 属性说明
- 改变鼠标指针形状的css样式实例
- 使用css样式改变鼠标指针形状 实例如下
- silverlight 改变鼠标指针形状
- [转]css改变鼠标形状
- css属性:改变鼠标形状
- Qt4之改变鼠标指针形状
- Qt4之改变鼠标指针形状
- Qt4之改变鼠标指针形状 .
- Qt4之改变鼠标指针形状
- flash as3 改变鼠标指针形状
- 使用C#改变鼠标的指针形状
- css改变鼠标显示形状代码
- 使用css改变鼠标的显示形状
- css定义鼠标指针形状对应代码
- Linux下使用aclocal、autoconf、automake、autoheader、configure
- trokuti
- 盒模型
- HashMap 和 concurrentHaspMap 的陷阱与区别
- oracle中的问题
- CSS/HTML 改变鼠标指针形状
- EOJ 3276 连续正整数之和(模拟)
- 2017 ACM/ICPC Asia Regional Shenyang Online 1005 number number number(矩阵快速幂)
- xshell5使用ssh连接阿里云服务器
- python使用pip安装第三方库的方法
- logrotate
- python检测网格
- 类的初始化顺序
- JDBC