您现在正在浏览：站长之家 >> 设计编程 >> 详细内容

用JavaScript实现利用FLASH嵌入声音(2)

时间:2007-10-22 来源:不详作者:林子

<A ID='pad1' HREF='12.htm' onmouseout="mouseout();" onmouseover="mouseover()">

　　子菜单项一二</A><BR>

　　 <HR STYLE='color:white' SIZE=1>

　　 <A ID='pad1' HREF='13.htm' onmouseout="mouseout();" onmouseover="mouseover()">

　　子菜单项一三</A><BR>

　　……

　　 </DIV>

　　</SPAN> 　　

　　经过上面的步骤，下拉菜单的格式已经定义好了，下面的任务就是控制这些子菜单的显示和隐藏。

　　当鼠标移动到主菜单条上时，应显示其子菜单，我们通过执行doMenu(MenuID)响应主菜单的onmouseover事件来完成。过程的参数MenuID是代表子菜单的区域的ID，过程执行时先设置window.event. cancelBubble = true，并计算子菜单显示的位置，包括左上角和右下角坐标。然后执行下列语句来显示子菜单所在区域：

　　CurMenu.style.clip = "rect(0 0 0 0) ";CurMenu.style.display = "block"; dedecms.com

　　当鼠标移出主菜单时有两种情况，一种情况是鼠标在子菜单及其主菜单之间移动，这时不能隐藏子菜单；另一种情况是鼠标移出了子菜单及其主菜单的区域，这时需要隐藏子菜单。我们通过执行hideMenu()响应主菜单的onmouseout，同时执行hideMenu()响应子菜单所在区域的onmouseout事件来完成。

　　网页中的另外两个函数mouseout() 和mouseover() 的功能很简单，分别用于处理鼠标移动时菜单项的颜色变化。

　　完整的源代码参见《电子与电脑》网站www.pccomputing.com.cn。

　　网页浏览的效果如图1所示，运行环境为IE4.0以上版本。

　　（图注WANGYE）图1

　　<HTML>

　　<HEAD>

　　<TITLE>网页中的下拉菜单</TITLE>

　　</HEAD>

　　<SCRIPT LANGUAGE="JavaScript" >

　　var IsDroped =false;

　　function mouseout()

　　{

　　 window.event.srcElement.style.color = 'white';//鼠标移开时置为白色

　　}

　　function mouseover()

　　{ dedecms.com

　　 window.event.srcElement.style.color = 'red';//鼠标进入时置为红色//鼠标进入时置为红色

　　}

　　function doMenu(MenuID)

　　{