期待花开吧 关注:7贴子:807
  • 0回复贴,共1

【网页】超链接中改变网页的鼠标样式

只看楼主收藏回复

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

〓正文〓
怎样改变网页中的鼠标样式?
<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://*.cur')}
</style>



1楼2006-07-05 10:11回复