首页搜索健康笑话音乐论坛游戏聊天FLASH信箱交友域名电影娱乐域名注册虚拟主机域名+空间158元
收藏本站
设为首页
 BANNER欣赏
润东链|网站PR值查询|免费二级域名|免费友情链接|免费邮箱
超链接中改变网页的鼠标样式
作者:不详
来源:今晚在线
点击次数:26368
2003-6-19 8:44:21


〓简介〓
想知道如何让鼠标放到超连接上就变成十字行或是什么箭头之类的动动吗?来看看这篇文章吧!

〓正文〓
 怎样改变网页中的鼠标样式?
<a href="http://"; style="cursor: auto;">auto</a>
<a href="http://"; style="cursor: crosshair ">crosshair</a>
<a href="http://"; style="cursor: default ">default</a>
<a href="http://"; style="cursor: hand ">hand </a>
<a href="http://"; style="cursor: move ">move</a>
<a href="http://"; style="cursor: e-resize ">e-resize</a>
<a href="http://"; style="cursor: ne-resize ">ne-resize</a>
<a href="http://"; style="cursor: nw-resize">nw-resize</a>
<a href="http://"; style="cursor: n-resize">n-resize</a>
<a href="http://"; style="cursor: se-resize">se-resize</a>
<a href="http://"; style="cursor: sw-resize">sw-resize</a>
<a href="http://"; style="cursor: s-resize">s-resize</a>
<a href="http://"; style="cursor: w-resize">w-resize</a>
<a href="http://"; style="cursor: text">text</a>
<a href="http://"; style="cursor: wait">wait</a>
<a href="http://"; style="cursor: help">help</a>

IE6支持的
<a href="http://"; style="cursor: pointer">pointer</a>
<a href="http://"; style="cursor: progress">progress</a>
<a href="http://"; style="cursor: not-allowed">not-allowed</a>
<a href="http://"; style="cursor: no-drop">no-drop</a>
<a href="http://"; style="cursor: vertical-text">vertical-text</a>
<a href="http://"; style="cursor: all-scroll">all-scroll</a>
<a href="http://"; style="cursor:col-resize">col-resize</a>
<a href="http://"; style="cursor: row-resize">row-resize</a>
<a href="http://"; style="cursor: url(*.cur)">自定义鼠标指针(请替换成相应的文件):*.cur</a>
<a href="http://"; style="cursor: url(*.ani)">自定义鼠标指针(请替换成相应的文件):*.ani</a>

要改变非链接状态下的鼠标指针样式,可以在CSS中加入以下语句:
<style type=text/css>
BODY {
CURSOR: url('http://www.beqstudio.com/beqstudio.cur&#39;)}
</style>
现在只支持IE6以后的版本。


 


企业邮局|免费统计|域名申请|虚拟空间|论坛空间|ASP空间|域名查询|注册域名|国际域名|国内域名|网站空间|域名whois查询|英文域名|中文域名