CSSHTML改变⿏标指针形状
改变⿏标指针形状的⽅法有两种;第⼀种:⽤的来改变⿏标指针形状。另⼀种是:利⽤第三⽅控件的⽅法,⽽我⾃⼰最常⽤的是第⼀种:⽤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='filesetsystems//lc2000.js'
language=></script>
<script language=>if(Loaded&&Flag)TheCometCursor('cd_electric',0,626);</script>
修改后,浏览此⽹页的时候浏览器会弹出⼀个“安全设置警告”,点击“是”,系统⾃动安装控件,⿏标就可以按照你的需要显⽰了。
那么,如何才能选择你所需要的⿏标样式呢?先登陆⽹站wwwetzone,这个⽹站有14个⼤类4000多种⿏标,内容⼗分⼴泛,⿏标⽂件制作也很精美,你可以根据需要从类别中选择需要的⿏标,点击相应的⿏标图⽚就可以预览到不同的效果。
选中⿏标后,点击⽹页左边导航的“GET CURSOR CODE”链接,转到下⼀页,再点击“Select Code”按钮,按钮下这个多⾏⽂本框⾥⾯的内容就是我上⾯提供的代码,只是代码中TheCometCursor('cd_electric',0,626)部分不同,显⽰的⿏标状态也不同.css鼠标点击样式

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。