游客:
注册
|
登录
|
帮助
网友俱乐部
»
网页制作
»
HTML/CSS教程
» 巧用CSS控制鼠标样式变换
网友生活网
|
网友学堂
如何获得金币?
诚招斑竹
IP归属地查询 PR查询 收录查询 whois查询
免费超短2级域名,your.jpy.cc
传世私服
|
传奇世界私服
注册亚洲交友中心,找个人来同居吧!
免费存储空间,免费网络硬盘
‹‹ 上一主题
|
下一主题 ››
投票
交易
悬赏
活动
打印
|
推荐
|
订阅
|
收藏
标题: 巧用CSS控制鼠标样式变换
帝王
荣誉会员
UID 67224
精华
4
积分 64828
帖子 33563
威望 -6
金币 31601
热心 138
阅读权限 50
注册 2007-7-29
状态 离线
#1
使用道具
发表于 2008-2-1 22:25
资料
个人空间
短消息
加为好友
巧用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-12 16:10
信产部ICP备案:
京ICP备05066424号
北京市公安局网监备案:1101050648号
Powered by
Discuz!
5.5.0
TOP
清除 Cookies
-
联系我们
-
网友俱乐部
-
Archiver
-
WAP