CSS/HTML 改变鼠标指针形状

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 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多种鼠标,内容十分广泛,鼠标文件制作也很精美,你可以根据需要从类别中选择需要的鼠标,点击相应的鼠标图片就可以预览到不同的效果。

CSS/HTML 改变鼠标指针形状

相关文章:

你感兴趣的文章:

标签云: