|
|
| 自由选择右键菜单背景色 |
| 整理：Cnwshow.Com 来源：Internet 整理时间：2008-5-30 |
|
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>自由选择右键菜单背景色</title>
<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>
<!--
body{font-family:Verdana,宋体;font-size:9pt;color:#ffffff;cursor:default}
table,TD,DIV{font-family:宋体;font-size:9pt;cursor:default}
A{text-decoration: none;color:#ffffff}
.yellow {
BORDER-RIGHT: #8a6100 2px solid; BORDER-TOP: #ffe3a4 2px solid; BORDER-LEFT: #ffe3a4 2px solid; COLOR: #ffff00; BORDER-BOTTOM: #8a6100 2px solid; BACKGROUND-COLOR: #e19d00
}
.blue {
BORDER-RIGHT: #002200 2px solid; BORDER-TOP: #a6c1df 2px solid; BORDER-LEFT: #a6c1df 2px solid; COLOR: #ffffff; BORDER-BOTTOM: #002200 2px solid; BACKGROUND-COLOR: #3a6ea5
}
.green {
BORDER-RIGHT: #002200 2px solid; BORDER-TOP: #b9ffb9 2px solid; BORDER-LEFT: #b9ffb9 2px solid; COLOR: #ffff00; BORDER-BOTTOM: #002200 2px solid; BACKGROUND-COLOR: #008000
}
.menu {
BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #ffffff 2px solid; BORDER-LEFT: #ffffff 2px solid; COLOR: #000080; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #d8d8d0
}
.menu1 {
BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #adbac9 2px solid; BORDER-LEFT: #adbac9 2px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #637994
}
.blue1 {
BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #d0ecff 2px solid; BORDER-LEFT: #d0ecff 2px solid; COLOR: #ffff00; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #0099ff
}
.black {
BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #d0d0d0 2px solid; BORDER-LEFT: #d0d0d0 2px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #000000
}
.up{ background-color: #3A6EA5; border-left: 2 solid #A6C1DF;border-right: 2 solid #002200; border-top: 2 solid #A6C1DF; border-bottom: 2 solid #002200 }
.link{font-family:宋体}
.overlink{background-color:highlight;color:highlighttext;font-family:宋体;cursor:default}
-->
</STYLE>
</head>
<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.cnwshow.com")','个人网页秀');
link('pop("http://www.cnwshow.com/cnw/show_1.htm")','个站展示');
link('pop("http://www.cnwshow.com/cnw/show_3.htm")','博客家园');
link('pop("http://www.cnwshow.com/cnw/show_2.htm")','WAP网页秀');
</SCRIPT>
<DIV class=link onmouseover="this.className='overlink'" style="PADDING-LEFT: 16px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px" onclick='pop("http://www.cnwshow.com/html/1_1.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.cnwshow.com/cnw/show_3.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.cnwshow.com/cnw/show_1.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.cnwshow.com/html/2_1.htm")' onmouseout="this.className='link'">网页知识</DIV></DIV>
<SCRIPT language=JavaScript>
if (document.all&&window.print){
document.oncontextmenu=showmenuie5
document.body.onclick=hidemenuie5}
</SCRIPT>
</body>
</html>
|
|
|
|
|
|
