鼠标指针形状

  CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。下面是学习啦小编带来的关于css怎么设置鼠标沙漏形状的内容,欢迎阅读!

  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样式表。如何应用呢?下面我们用实例来说明一下:

  欢迎您到百洋软件研究实验室listly的博客来做客

  也可以直接将样式表写在div标签中效果是一样的哟如:

  欢迎您到百洋软件研究实验室listly的博客来做客

  还有一种用法其原理是:利用了CSS2的一个cursor的属性cursor:url (url),鼠标文件可以使用jpg、gif、ani和cur多种文件格式。需要注意的这种方式只能在IE5.5以上浏览器中正常显示。

  改变鼠标指针形状的第二种方法:利用第三方控件的方法

  这种方法非常简单,只需要讲以下代码加到网页文件的之间:

  修改后,浏览此网页的时候浏览器会弹出一个“安全设置警告”,点击“是”,系统自动安装控件,鼠标就可以按照你的需要显示了。

  那么,如何才能选择你所需要的鼠标样式呢?先登陆网站,这个网站有14个大类4000多种鼠标,内容十分广泛,鼠标文件制作也很精美,你可以根据需要从类别中选择需要的鼠标,点击相应的鼠标图片就可以预览到不同的效果。

  选中鼠标后,点击网页左边导航的“GET CURSOR CODE”链接css鼠标样式大全,转到下一页,再点击“Select Code”按钮,按钮下这个多行文本框里面的内容就是我上面提供的代码css鼠标样式大全,只是代码中TheCometCursor('cd_electric',0,626)部分不同,显示的鼠标状态也不同.

文章由官网发布,如若转载,请注明出处:https://www.veimoz.com/1490
0 评论
469

发表评论

!