一种提示菜单的特效[网页特效]

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

<!--完整的HTML代码如下:-->

<html>

<head>

<title>提示菜单</title>

<script>

var x,y

function canMove()

{

x=document.body.scrollLeft+event.clientX

y=document.body.scrollTop+event.clientY

}

function move()

{

tips.style.posLeft=x+10;

tips.style.posTop=y+10;

setTimeout("move()",10);

}

function showTips(content,obj)

{

obj.innerText=content+"\t\t\t\t\t\t";

obj.filters.alpha.opacity=100;

}

function hideTips(content,obj)

{//more javascript from http://www.webjx.com

obj.innerText=content;

obj.filters.alpha.opacity=0;

}

document.write("<div id=tips style='filter:alpha(opacity=0);position:absolute;background-color:#f3f3f3;font-size:9pt;color:#6c6c6c;border:#d9d9c6 1px solid;'></div>");

</script>

</head>

<body onload="move()" onmousemove="canMove()">

<table cellspacing=0 cellpadding=0 border=0 width=760 align=center>

<tr>

<td height=40>

<a href="#"><span onmouseover="showTips('魔鬼列车最新版本最新上传',tips)" onmouseout="hideTips('',tips)">1</span></a>

</td>

</tr>

<tr>

<td height=40>

<a href="#"><span onmouseover="showTips('你好世界',tips)" onmouseout="hideTips('',tips)">2</span></a>

</td>

</tr>

<tr>

<td height=40>

<a href="#"><span onmouseover="showTips('你好世界',tips)" onmouseout="hideTips('',tips)">3</span></a>

</td>

</tr>

<tr>

<td height=40>

<a href="#"><span onmouseover="showTips('你好世界',tips)" onmouseout="hideTips('',tips)">4</span></a>

</td>

</tr>

<tr>

<td height=40>

<a href="#"><span onmouseover="showTips('你好世界',tips)" onmouseout="hideTips('',tips)">5</span></a>

</td>

</tr>

</table>

</body>

</html>

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航