送大家一个好东西。。文章发表了。。我公布代码!!
作者: 佚名 来源: 一亩三分地 点击: 日期: 2007-03-22
<HTML>
<HEAD>
<TITLE>使用JavaScript和CSS制作仿Office XP风格的网页右键菜单</TITLE>
<STYLE>
.flyoutLink {
CURSOR: none; FONT-FAMILY: "Verdana", "Arial", "Helvetica"; FONT-SIZE: 14px; PADDING-LEFT: 5px; PADDING-RIGHT: 25px; PADDING-TOP: 1px
}
.skin0 {
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; VISIBILITY: hidden; BORDER-LEFT: 1px solid; WIDTH: 110px; CURSOR: default; LINE-HEIGHT: 20px; BORDER-BOTTOM: 1px solid; FONT-FAMILY: Verdana; POSITION: absolute; BACKGROUND-COLOR: white
}
.skin1 {
BORDER-RIGHT: buttonhighlight 2px outset; BORDER-TOP: buttonhighlight 2px outset; VISIBILITY: hidden; BORDER-LEFT: buttonhighlight 2px outset; WIDTH: 90px; CURSOR: default; BORDER-BOTTOM: buttonhighlight 2px outset; POSITION: absolute; BACKGROUND-COLOR: white
}
</STYLE>
</HEAD>
<SCRIPT LANGUAGE=JavaScript>
//用于模仿Office XP的风格
function MouseOver(src,BackColor)
{
if (!src.contains(event.fromElement))
{
src.bgColor = BackColor;
src.style.bordercolor = "#000000";
}
}
function MouseOut(src, BackColor)
{
if (!src.contains(event.toElement))
{
src.bgColor = BackColor;
src.style.bordercolor = "#000000";
}
}
function BcMouseOver(src)
{
if (!src.contains(event.fromElement))
{
src.border = 1;
src.style.bgColor = "#B6BDD2"
}
}
function BcMouseOut(src)
{
if (!src.contains(event.toElement))
{
src.border = 0;
src.style.bgColor = "#f1f1f1"
}
}
//弹出消息
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
function MM_popupMsg(msg) { //v1.0
alert(msg);
}
</script>
<div id=ie5menu style="backgroundColor=white">
<table width="150" border="0" bgcolor="#f1f1f1" bordercolor="#000000" cellpadding="0" cellspacing="0">
<tr bordercolor="#f1f1f1">
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" onMouseOut="BcMouseOut(this);" onMouseOver="BcMouseOver(this);" bordercolor="#000000" bgcolor="#f1f1f1" bordercolorlight="#000000" bordercolordark="#000000">
<tr bgcolor="#f1f1f1" bordercolor="#B6BDD2" onMouseOut="MouseOut(this,'#f1f1f1');" onMouseOver="MouseOver(this,'#B6BDD2');" onClick="location.reload()">
<td width="26"><img border="0" src="refurbish.gif" width="24"></td>
<td class=flyoutLink>刷新</td>
</tr>
</table>
</td>
</tr>
<tr bordercolor="#f1f1f1">
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" onMouseOut="BcMouseOut(this);" onMouseOver="BcMouseOver(this);" bordercolor="#000000" bgcolor="#f1f1f1" bordercolorlight="#000000" bordercolordark="#000000">
<tr bgcolor="#f1f1f1" bordercolor="#B6BDD2" onMouseOut="MouseOut(this,'#f1f1f1');" onMouseOver="MouseOver(this,'#B6BDD2');" onClick="window.close()">
<td width="26"><img border="0" src="close.gif" width="24"></td>
<td class=flyoutLink>关闭窗口</td>
</tr>
</table>
</td>
</tr>
<tr bordercolor="#f1f1f1">
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" onMouseOut="BcMouseOut(this);" onMouseOver="BcMouseOver(this);" bordercolor="#000000" bgcolor="#f1f1f1" bordercolorlight="#000000" bordercolordark="#000000">
<tr bgcolor="#f1f1f1" bordercolor="#B6BDD2" onMouseOut="MouseOut(this,'#f1f1f1');" onMouseOver="MouseOver(this,'#B6BDD2');" onClick="history.go(-1)">
<td width="26"><img border="0" src="back.gif" width="24"></td>
<td class=flyoutLink>后退</td>
</tr>
</table>
</td>
</tr>
<tr bordercolor="#f1f1f1">
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" onMouseOut="BcMouseOut(this);" onMouseOver="BcMouseOver(this);" bordercolor="#000000" bgcolor="#f1f1f1" bordercolorlight="#000000" bordercolordark="#000000">
 
【文章评论 】
【收藏本文 】
【推荐好友 】
【打印本文 】
【论坛讨论 】
相关文章:
文章评论: (条)
责任编辑:一分 声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。