如何用网页特效使鼠标变成其他图案
发布网友
发布时间：2023-11-29 20:14
共2个回答
热心网友
时间：2024-11-03 17:25
方法1：使用 style 属性
如果想让全文都是某个鼠标指针，则使用：
<body style="cursor:指针类型;">
<!-- 这里是网页内容 -->
</body>
如果是某个段落，则使用：
<P style="cursor:指针类型;">
这里是段落内容
</P>
如果是连接，则使用：
<A href="连接目标" style="cursor:指针类型;">
这里是连接内容
</A>
以此类推。
方法2：使用 CSS
在<HEAD></HEAD>之间插入：
<style>
<!--
/* 以下部分供选用，不一定全要 */
body /* 应用于全文 */
{
cursor:指针类型;
}
a /* 应用于标记 <A> */
{
cursor:指针类型;
}
p /* 应用于标记 <P> */
{
cursor:指针类型;
}
.Txt /* 应用于 class 属性为 Txt 的所有标记 */
{
cursor:指针类型;
}
-->
</style>
其中，指针类型可以是下面的内容（不包括冒号后面的）：
auto：自动
col-resize：左右调整大小（列之间）
crosshair：十字线
default：指针
hand：手形
help：上下文帮助
move：移动
wait：忙
text：水平文本
*-resize：大小调整，其中“*”可以用 N,NE,NW,S,SE,SW,E,W 中的任意一个代替
以下用于 IE6 及以后版本：
all-scroll：上下、左右滚动（相当于按下鼠标中键）
no-drop：不能拖放
not-allowed：不允许
pointer：手形
progress：后台运行（指针和一个沙漏）
row-resize：上下调整大小（行之间）
url('指针路径')：自定义指针文件（*.cur）
例如 url('C:\Hand.cur')
或 url('http:\\www.worldwideweb.org/.../ptr.cur')
或 url('cur/a1.cur')
vertical-text：竖行文本
注意：如果需要在双引号中插入引号（如 url），则可以使用单引号，反过来也可以。
例如：
<body style='cursor:url("E:\My Files\Cur\aero_busy.ani");'>
或
<body style="cursor:url('E:\My Files\Cur\aero_busy.ani');">
都可以，但后者常见些。
示例（将以下文本替换 Frontpage 中网页源代码部分的 <BODY></BODY> 部分，然后预览，并把鼠标移到每一个段落上）：
<body style='cursor:default;'>
<p style='cursor:Move;'>Move it.</p>
<p style='cursor:wait;'>Busy.</p>
<p style='cursor:help;'>Help!</p>
<p style='cursor:not-allowed;'>Not Allowed(IE6)</p>
</body>
热心网友
时间：2024-11-03 17:25
