您当前位置:首页 >> 设计学院 >> Dreamweaver
超链接中改变网页的鼠标样式
时间:2007-06-26 15:24:12  来源:cn-media    作者:


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

正文
 怎样改变网页中的鼠标样式?
<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以后的版本。

http://www.visionshow.com/tutorial/Dreamweaver/20070626/7783.html

上一篇:把表格进行到底 下一篇:Dreamweaver细线表格技法揭秘
推荐资讯
相关文章
无相关信息
栏目更新
栏目热门

网站留言关于我们广告业务信息反馈合作伙伴网站地图
Copyright © 2006 All rights reserved.
粤ICP备05143237号