标题: 巧用CSS控制鼠标样式变换
帝王
荣誉会员
Rank: 1



UID 67224
精华 4
积分 64829
帖子 33564
威望 -6
金币 31601
热心 139
阅读权限 50
注册 2007-7-29
状态 离线
巧用CSS控制鼠标样式变换

主页上的鼠标是不是就只有箭头和小手两种模样呢?如果鼠标移到“帮助”等字样上时,形状就变成求助的问号;鼠标移到可能需要较长时间等待的超链接时,鼠标形状就变成等待的样子……那该多好啊!

  其实,借助我们的css,几句很简单的代码就可以实现这一切!

  不信?把鼠标移到下面的演示文字上看看效果吧!




演示:手形

源代码:<P style="CURSOR: hand">演示:手形</P>

演示:移动

源代码:<p style=cursor:move>演示:移动</p>

演示:等待

源代码:<P style="CURSOR: wait">等待状态</P>

演示:定位指示

源代码:<P style="CURSOR: crosshair">演示:定位指示</P>

演示:帮助

源代码:<P style="CURSOR: help">演示:帮助<P>

  是不是简单又方便?这里我们只用到了CSS中的“cursor”属性,利用“style=cursor:值”这样的语句形式,分别设置具体的值就可以了。例如:值为“hand”时,当鼠标移到相应的文字或图片上时,就会变成超链接的小手形;值为“move”时,当鼠标移到相应的文字或图片上时,就会变成上下左右带方向箭头的形状,依此类推。这个小技巧也许可以在你制作主页时帮上一点忙呢!

顶部
[广告] 免费域名(Free Subdomain) 免费空间(Free hosting) PR查询(Google Pagerank)



当前时区 GMT+8, 现在时间是 2008-10-8 02:36
信产部ICP备案:京ICP备05066424号 北京市公安局网监备案:1101050648号

Powered by Discuz! 5.5.0
清除 Cookies - 联系我们 - 网友俱乐部 - Archiver - WAP