图片形式的鼠标跟随提示

人气：　来源：网络　作者：佚名　所属栏目：鼠标类　[切换到繁體中文]

介绍：一个精彩的鼠标跟随提示，形式是图片的，所以可以任意设定成自己需要的样子。

演示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>站长手册_特效演示_图片形式的鼠标跟随提示</title>
<style><!--body,td{font-size: 12px;}--></style>
<script language=javascript>
var move=0;
function mouseMove1()
{
if(move)
{
document.all.lay1.style.left=window.event.x-37;
document.all.lay1.style.top=window.event.y+14;
}
}
</script>
</head>
<body bgcolor="" 无>
<table width="100%" height="1000" border="0" cellpadding="10" cellspacing="5">
<tr>
<td valign="top">
<a href="#" onMouseMove=mouseMove1() onMouseOver="document.all.lay1.style.display=''; move=1" onMouseOut="document.all.lay1.style.display='none'">mouseover me</a>
<div id=lay1
style="DISPLAY: none; LEFT: -110px; POSITION: absolute; TOP: -39px"> 
  <dd><img src="/texiao/zzsc_demo/enter.gif" width="44" height="19"></dd>
</div>
</td>
</tr>
</table>
</body>
</html>

[Ctrl+A全选提示：你可先修改部分代码，再按运行]

下面教你如何应用此特效：
　--------------------------------------------------------------------------------------
　　需要在<body 这里>加入的代码：无
　--------------------------------------------------------------------------------------

以下代码加到<head>…</head>中

以下代码加到<body>…</body>中

<a href="#" onMouseMove=mouseMove1() onMouseOver="document.all.lay1.style.display=''; move=1" onMouseOut="document.all.lay1.style.display='none'">mouseover me</a>
<div id=lay1
style="DISPLAY: none; LEFT: -110px; POSITION: absolute; TOP: -39px">
<dd><img src="/texiao/zzsc_demo/enter.gif" width="44" height="19"></dd>
</div>