梦幻下拉菜单 – 筚路蓝缕

&lt;!--将以下代码加入HTML的&lt;body&gt;&lt;/body&gt;之间--&gt;
&lt;style&gt;
#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
}
&lt;/style&gt;
&lt;ilayer id="dropmenu01" height='35px'&gt;
&lt;layer id="dropmenu02" visibility='show'&gt;
&lt;span id="iewrap"&gt;
&lt;span id="iewrap2" onmouseover="dropit2();event.cancelBubble=true;return false"&gt;
&lt;font face="宋体"&gt;&lt;a href="#"&gt; 梦幻下拉菜单 &lt;/a&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;
&lt;/layer&gt;
&lt;/ilayer&gt;
&lt;script language="JavaScript1.2"&gt; 
var enableeffect = true;
var selection = new Array();
selection[0] = '&lt;font face="宋体"&gt;&lt;a href="http://www.163.com"&gt;网易&lt;/a&gt;&lt;/font&gt;';
selection[1] = '&lt;font face="宋体"&gt;&lt;a href="www.sohu.com"&gt;搜狐&lt;/a&gt;&lt;/font&gt;';
selection[2] = '&lt;font face="宋体"&gt;&lt;a href="http://www.sina.com.cn"&gt;新浪&lt;/a&gt;&lt;/font&gt;';
selection[3] = '&lt;font face="宋体"&gt;&lt;a href="http://www.pconline.com.cn"&gt;太平洋电脑网&lt;/a&gt;&lt;/font&gt;';
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;
&lt;/script&gt;
&lt;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"&gt;
	&lt;script language="JavaScript1.2"&gt;
	if (document.all)
	dropmenu03.style.padding='4px';
	for (i=0;i&lt;selection.length;i++) 
	document.write(selection[i]); 
	&lt;/script&gt;
&lt;/div&gt;
&lt;script language="JavaScript1.2"&gt; 
if (document.layers){ 
document.dropmenu03.captureEvents(Event.CLICK); 
document.dropmenu03.onclick=hidemenu2; 
} 
&lt;/script&gt;
&lt;/tr&gt;
&lt;/table&gt;

100

101

102

103

104

105

106

<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>

<font face="宋体"><a href="#"> 梦幻下拉菜单 </a></font></span></span>

</layer>

</ilayer>

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>

if (document.all)

dropmenu03.style.padding='4px';

for (i=0;i<selection.length;i++)

document.write(selection[i]);

</script>

</div>

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

发表回复 取消回复

相关文章

发表回复取消回复