下拉式菜单 - 好素材 - [HTTP://WWW.HAOSC.COM]

		链接类

		VML

		按钮类

		标题类

		表单类

		表格类

		菜单类

		窗口类

		对象类

		滚动条

		键盘类

		框架类

		例子类

		模拟类

		日期类

		色彩类

		鼠标类

		数学类

		图片类

		文字类

		下拉框

		样式类

		游戏类

		状态栏

		资料类

		字幕类

		其它类

·XP菜单
·右键图形菜单
·阴影菜单
·阴影菜单
·下滑菜单
·很酷的菜单
·显示隐藏的导航菜单
·多颜色菜单
·桌面右键菜单
·边框导航菜单

您当前位置：好素材首页 -> 网页特效 -> 菜单类

查看信息

下拉式菜单

好素材网 www.HaoSc.com 02月22日 11:49

[查看演示] 源码如下
----------------------------------------------------------
<html>
<head>
<title>下拉式菜单－www.51windows.Net</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>

</style>
<meta name="keywords" content="下拉式菜单导航">
<meta name="description" content="一个下拉式菜单导航脚本">
</head>

<body bgcolor="#FFFFFF">

<ilayer id="dropmenu01" height=35px>
<layer id="dropmenu02" visibility=show>
<span id="iewrap">
<span id="iewrap2" onClick="dropit2();event.cancelBubble=true;return false">
<font face="宋体"><a href="#">点这里看本站栏目</a></font>
</span>
</span>
</layer>
</ilayer>

<script language="JavaScript1.2">

//如果想关闭 "fade"（消隐）效果，将如下参数设置成false，适用于IE用户。
var enableeffect=true

//将如下数组修改成你自己的。
var selection=new Array()
selection[0]='<font face="宋体"><a href="www.ue100.com/~lionwind">本站首页</a></font><br>'
selection[1]='<font face="宋体"><a href="#">一个连接</a></font><br>'
selection[2]='<font face="宋体"><a href="../../navigation/applet/appletindex.htm">JavaApplet</a></font><br>'
selection[3]='<font face="宋体"><a href="#">一个连接</a></font><br>'
selection[4]='<font face="宋体"><a href="#">一个连接</a></font><br>'
selection[5]='<font face="宋体"><a href="#">一个连接</a></font><br>'
selection[6]='<font face="宋体"><a href="#">一个连接</a></font><br>'
selection[7]='<font face="宋体"><a href="#">一个连接</a></font>'

if (document.layers)
document.dropmenu01.document.dropmenu02.visibility='show'

function dropit2(){
if (document.all){
dropmenu03.style.left=document.body.scrollLeft+event.clientX-event.offsetX
dropmenu03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18
if (dropmenu03.style.visibility=="hidden"){
if (enableeffect)
dropmenu03.filters.revealTrans.apply()
dropmenu03.style.visibility="visible"
if (enableeffect)
dropmenu03.filters.revealTrans.play()
}
else{
hidemenu()
}
}
}

function dropit(e){
if (document.dropmenu03.visibility=="hide")
document.dropmenu03.visibility="show"
else
document.dropmenu03.visibility="hide"
document.dropmenu03.left=e.pageX-e.layerX
document.dropmenu03.top=e.pageY-e.layerY+19
return false
}

function hidemenu(){
if (enableeffect)
dropmenu03.filters.revealTrans.stop()
dropmenu03.style.visibility="hidden"
}

function hidemenu2(){
document.dropmenu03.visibility="hide"
}

if (document.layers){
document.dropmenu01.document.dropmenu02.captureEvents(Event.CLICK)
document.dropmenu01.document.dropmenu02.onclick=dropit
}
else if (document.all)
document.body.onclick=hidemenu

</script>


<div id="dropmenu03" style="position:absolute;left:0;top:0;layer-background-color:seashell;background-color:seashell;width:100;visibility:hidden;border:1px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu03.style.padding='4px'
for (i=0;i<selection.length;i++)
document.write(selection[i])
</script>
</div>

<script language="JavaScript1.2">
if (document.layers){
document.dropmenu03.captureEvents(Event.CLICK)
document.dropmenu03.onclick=hidemenu2
}
</script>

<p> </p>
</body>
</html>

<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div>

此信息共 1 页 [1]