梦幻下拉菜单 – 筚路蓝缕

<!--将以下代码加入HTML的<body></body>之间-->
<style>
#iewrap {
	position:relative;
	height:30px
}
#iewrap2 {
	position:absolute
}
#dropmenu03 {
	filter:revealTrans(Duration=1.5,Transition=12) visibility:hide
}
a:hover {
	color:#FF0000
}
body {
	font-family:"宋体";
	font-size:9pt;
	text-decoration:none
}
a {
	font-family:"宋体";
	font-size:9pt;
	text-decoration: none
}
</style>
<ilayer id="dropmenu01" height='35px'>
<layer id="dropmenu02" visibility='show'>
<span id="iewrap">
<span id="iewrap2" onmouseover="dropit2();event.cancelBubble=true;return false">
<font face="宋体"><a href="#"> 梦幻下拉菜单 </a></font></span></span>
</layer>
</ilayer>
<script language="JavaScript1.2"> 
var enableeffect = true;
var selection = new Array();
selection[0] = '<font face="宋体"><a href="http://www.163.com">网易</a></font>';
selection[1] = '<font face="宋体"><a href="www.sohu.com">搜狐</a></font>';
selection[2] = '<font face="宋体"><a href="http://www.sina.com.cn">新浪</a></font>';
selection[3] = '<font face="宋体"><a href="http://www.pconline.com.cn">太平洋电脑网</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:120;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>
</tr>
</table>
一	二	三	四	五	六	日
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31
发表回复 取消回复

相关文章

发表回复取消回复
