站点首页 | 实用文章 | 考试相关 | 论文中心 | 故事小说 | 教程中心
热门文章
搜索
您现在的位置: hglm >> 教程中心 >> 网页制作 >> Javascript >> 教程正文
JavaScript特效源代码 - 文本扩展效果处理下拉菜单
首先你在HEAD中加入下面的代码:

<SCRIPT language=javascript><!--
function out()
{
if(window.event.toElement.id!="menu" && window.event.toElement.id!="link")
menu.style.visibility="hidden";
}
//-->
</SCRIPT>

然后在网页的BODY中加入下面的代码信息:

<div id="back" onmouseout="out()" onmouseover="menu.style.visibility='visible'"
style="position:absolute;top:180;left:310;width:160;height:40;z-index:1;visibility:visible;"><font
color="red" size="2"><span id="menubar">

<p>菜单</span> </p>
<div border="1" id="menu"
style="position:absolute;top:15;left:0;width:50;height:10;z-index:2;visibility:hidden;"><a
id="link" href="http://www.51step.net">

<p>我要起步</a> <a id="link" href="http://www.51step.net">我要起步</a> <a
id="link" href="http://www.51step.net">我要起步</a> <a id="link"
href="http://www.51step.net">我要起步</a> <a id="link" href="http://www.51step.net">我要起步</a>
<a id="link" href="http://www.51step.net">我要起步</a> </p>
</div></div>

Copyright(c) hglm.com All rights reserved. 浙ICP备06001730号