自由选择右键菜单背景色_导航菜单特效

·网页特效库 ·网页工具库

背景按钮

导航特效

< 后退 | 收藏网页特效库

推荐网页特效

推荐网页工具

您的位置：网页特效库 >> 导航菜单特效 >> 自由选择右键菜单背景色	查看此特效演示

自由选择右键菜单背景色

把如下代码复制到<head>与</head>之间

<SCRIPT>
function c(css)
	{ie5menu.className=css;}
function link(act,txt)
	{document.write("<div class=link onMouseOver=this.className='overlink' onMouseOut=this.className='link' style='padding-left:16;padding-top:1;padding-bottom:1' onclick="+act+">"+txt+"</div>")}
function showmenuie5(){
	var rightedge=document.body.clientWidth-event.clientX-100
	var bottomedge=document.body.clientHeight-event.clientY-25
if (rightedge<ie5menu.offsetWidth)
	ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth;
else
	ie5menu.style.left=document.body.scrollLeft+event.clientX
if (bottomedge<ie5menu.offsetHeight)
	ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight
else
	ie5menu.style.top=document.body.scrollTop+event.clientY
	ie5menu.style.visibility="visible"
return false}
function hidemenuie5(){
	ie5menu.style.visibility="hidden"}
function pop(win){
window.open(win,'','')}
</SCRIPT>
<STYLE>

</STYLE>

把如下代码复制到<body>与</body>之间

请点右键,您可以选择样式! 
<DIV align=center>
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width=400 border=0>
<TBODY>
<TR>
<TD class=menu onclick='c("menu")' align=middle width=50>灰</TD>
<TD class=green onclick='c("green")' align=middle width=50>绿</TD>
<TD class=blue onclick='c("blue")' align=middle width=50>蓝</TD>
<TD class=yellow onclick='c("yellow")' align=middle width=50>黄</TD>
<TD class=menu1 onclick='c("menu1")' align=middle width=50>灰1</TD>
<TD class=blue1 onclick='c("blue1")' align=middle width=50>浅蓝</TD>
<TD class=black onclick='c("black")' align=middle width=50>黑</TD>
<TD align=middle width=50></TD></TR></TBODY></TABLE></CENTER></DIV>
<DIV class=black id=ie5menu style="PADDING-RIGHT: 1px; PADDING-LEFT: 1px; Z-INDEX: 200; LEFT: 459px; VISIBILITY: hidden; PADDING-BOTTOM: 1px; WIDTH: 85px; PADDING-TOP: 1px; POSITION: absolute; TOP: 422px; TEXT-ALIGN: left">
<SCRIPT>
link('pop("http://www.butong.net")','网页特效库');
link('pop("http://www.butong.net/moban/index.htm")','整站模板');
link('pop("http://www.butong.net/background/index.htm")','背景特效');
link('pop("http://www.butong.net/navigation/index.htm")','网页特效');
</SCRIPT>

<DIV class=link onmouseover="this.className='overlink'" style="PADDING-LEFT: 16px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px" onclick='pop("http://www.butong.net")' onmouseout="this.className='link'">网页特效库</DIV>
<DIV class=link onmouseover="this.className='overlink'" style="PADDING-LEFT: 16px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px" onclick='pop("http://www.butong.net/moban/index.htm")' onmouseout="this.className='link'">整站模板</DIV>
<DIV class=link onmouseover="this.className='overlink'" style="PADDING-LEFT: 16px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px" onclick='pop("http://www.butong.net/background/index.htm")' onmouseout="this.className='link'">背景特效</DIV>
<DIV class=link onmouseover="this.className='overlink'" style="PADDING-LEFT: 16px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px" onclick='pop("http://www.butong.net/navigation/index.htm")' onmouseout="this.className='link'">网页特效</DIV></DIV>
<SCRIPT language=JavaScript>
if (document.all&&window.print){
document.oncontextmenu=showmenuie5
document.body.onclick=hidemenuie5}
</SCRIPT>

使用说明：根据代码中的样式可以自行添加更多你喜欢的颜色，菜单的内容、链接也可以更改。

上一个特效：劲酷！网页滑出式菜单

返回列表

下一个特效：媲美Flash的导航菜单