菜单三(menu)

最新推荐文章于 2023-11-04 15:55:24 发布

原创最新推荐文章于 2023-11-04 15:55:24 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#menu #border #layer #timer #stylesheet #table

Javascript 专栏收录该内容

13 篇文章

订阅专栏

该博客主要展示了商务中国服务菜单的JavaScript代码实现。代码中定义了菜单样式、颜色、边框等属性，创建了多个菜单层，包含域名注册、主机托管、邮局服务等服务选项，并实现了菜单的显示与隐藏功能，还添加了域名查询输入框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<META http-equiv=Content-Type content="text/html; charset=GB2312"><LINK
href="商务中国—提供国际域名-_CN注册,虚拟主机,通用网址,精E邮局,网站推广_files/font.css" rel=stylesheet>
<BODY bgColor=#ffffff leftMargin=0 topMargin=0
onload="MM_preloadImages('/default/images/icann0.gif','/default/images/new_icannlogo_on.gif','/default/images/www100d.gif')"
marginheight="0" marginwidth="0">
<SCRIPT language=javascript>
 hovercolor = "#CEDEEF";
 bgcolor = "#FFFFFF";
 background = "#336699";

 menu_border = 1;
 border_color = "#336699";

 arrow_pic = "/_default/images/menuarrow_r.gif";

//////////////////////////////////////////////////////
 No3 = (parseInt(navigator.appVersion) > 3) ? 1:0;
 layer = (document.all && No3) ? "document.all['L'+menu].style" : (document.layers && No3) ? "document.layers['L'+menu]" : 0;
 var timer;

function JavaM() {
if(layer) {
 if(timer) clearTimeout(timer);
 for(menu=0; menu<Layer.length; menu++) { if(Layer[menu]) { eval(layer).visibility = "hidden"; } }
 for(i=0; i<arguments.length; i++) { menu=arguments[i]; eval(layer).visibility = "visible";}
}
}

function Hide() { timer = setTimeout("JavaM()", 500); }

function LayerSpecs(Left,Top,Width) { if(No3) {
 if(document.all) { Top+=0; Left+=0; Width-=0; }
 this.left = Left;
 this.top = Top;
 this.info = "";
 T=0;

 for(i=3; i<arguments.length; i++) {
 if(document.all) { this.info += "<TR bgcolor=#FFFFFF><TD WIDTH="+Width+" height=23 onMouseOver='this.bgColor=/""+hovercolor+"/"' onMouseOut='this.bgColor=/"/"'>"+arguments[i]+"</TD></TR>"; }
 else {break;}
 T+=20;
 }
} }

Layer = new Array();
arrow = "<IMG SRC='"+arrow_pic+"' BORDER=0 >";

//////////////////////////////////////////////

Layer[1] = new LayerSpecs(60,20,100,
 '<a href="/serviceorder?module=domainregister"><IMG SRC="/_default/images/domainImg.gif" WIDTH="122" HEIGHT="59" BORDER="0"></a>',
 '<A style="color:#000000;text-decoration:none;" HREF="/domainreg" onMouseOver="JavaM(1)"> 英文国际域名注册</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/default/domain_reg/cntransfer.jsp" onMouseOver="JavaM(1)"> 国际域名转移</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/favpackage?module=domain&type=3" onMouseOver="JavaM(1)"> 中国国家顶级域名注册</A> ',
'<A style="color:#000000;text-decoration:none;" HREF="/domainreg?module=chinesesearch" onMouseOver="JavaM(1)"> 中文域名注册</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/default/domain_reg/cntransfer.jsp" onMouseOver="JavaM(1)"> .CN域名转移</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/domainreg" onMouseOver="JavaM(1)"> .cc .tv域名注册</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/domainreg?module=domainbiz" onMouseOver="JavaM(1)"> .biz域名注册</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/_default/domaininfo.jsp" onMouseOver="JavaM(1)"> .info域名注册</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/default/domain_reg/keyword_search2.jsp" onMouseOver="JavaM(1)"> 通用网址注册</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/serviceorder?module=serviceconfig&protype=DM001" onMouseOver="JavaM(1)"> DNS管理</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/domainlist?module=domaincetificate" onMouseOver="JavaM(1)"> 国际/.CN域名证书</A> ');

Layer[2] = new LayerSpecs(120,20,100,
 '<a href="/serviceorder"><IMG SRC="/_default/images/hostImg.gif" WIDTH="122" HEIGHT="59" BORDER="0"></a>',
 '<A style="color:#000000;text-decoration:none;" HREF="/serviceorder?module=servercolocation" onMouseOver="JavaM(2)"> 主　机　托　管</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/serviceorder?module=dedicatedhosting" onMouseOver="JavaM(2)"> 主　机　租　用</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/serviceorder?module=webhosting" onMouseOver="JavaM(2)"> 虚　拟　主　机 New</A> ',
 //'<A style="color:#000000;text-decoration:none;" HREF="/default/webhosting05.jsp" onMouseOver="JavaM(2)"> 企　业　0　5 New</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/serviceorder?module=application" onMouseOver="JavaM(2)"> 应　用　服　务 New</A> ');

Layer[3] = new LayerSpecs(180,20,100,
 '<a href="/serviceorder?module=corpmail_e"><IMG SRC="/_default/images/mailImg.gif" WIDTH="122" HEIGHT="59" BORDER="0"></a>',
 '<A style="color:#000000;text-decoration:none;" HREF="/serviceorder?module=corpmail_e" onMouseOver="JavaM(3)"> 精E邮局 New</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/serviceorder?module=corpmail" onMouseOver="JavaM(3)"> 集团邮局</A> ');

Layer[4] = new LayerSpecs(240,20,100,
 '<a href="/websiteplugin"><IMG SRC="/_default/images/platImg.gif" WIDTH="122" HEIGHT="59" BORDER="0"></a>',
 '<A style="color:#000000;text-decoration:none;" HREF="/websiteplugin?module=websiteplugin" onMouseOver="JavaM(4)"> 网　站　插　件</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/websiteplugin?module=bbs" onMouseOver="JavaM(4)">   商业论坛系统</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/websiteplugin?module=chat" onMouseOver="JavaM(4)">   聊天室系统</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/websiteplugin?module=news" onMouseOver="JavaM(4)">   新闻发布系统</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/websiteplugin?module=ads" onMouseOver="JavaM(4)">   广告发布系统</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/websiteplugin?module=poll" onMouseOver="JavaM(4)">   网上调查系统</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/websiteplugin?module=maillist" onMouseOver="JavaM(4)">   邮件列表系统</A> ');

Layer[5] = new LayerSpecs(300,20,100,
 '<a href="/default/spread.jsp"><IMG SRC="/_default/images/webImg.gif" WIDTH="122" HEIGHT="59" BORDER="0"></a>',
 '<A style="color:#000000;text-decoration:none;" HREF="/default/index_minp.htm" onMouseOver="JavaM(5)"> 网络名片 New</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/default/baidu_pro.jsp" onMouseOver="JavaM(5)"> 百度推广产品 </A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/default/sina_pro.jsp" onMouseOver="JavaM(5)"> 新浪网站推广</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/default/sohu_pro.jsp" onMouseOver="JavaM(5)"> 搜狐网站推广</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/default/163_pro.jsp" onMouseOver="JavaM(5)"> 网易网站推广</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/default/lycos_pro.jsp" onMouseOver="JavaM(5)"> Lycos 网站推广</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/default/zhaigao_pro.jsp" onMouseOver="JavaM(5)"> 商务窄告 New</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/favpackage?module=zgcnsearch" onMouseOver="JavaM(5)"> 窄告促销包New</A> ',

 '<A style="color:#000000;text-decoration:none;" HREF="/default/365agent1.jsp" onMouseOver="JavaM(5)"> 365Agent情报中心</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/default/pro_lian.jsp" onMouseOver="JavaM(5)"> 中国搜索联盟</A> ',
// '<A style="color:#000000;text-decoration:none;" HREF="/default/goadv.jsp" onMouseOver="JavaM(5)"> GOOGLE推广产品</A> ',

 '<A style="color:#000000;text-decoration:none;" HREF="/default/google.jsp" onMouseOver="JavaM(5)"> GOOGLE推广产品 </A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/default/tom_pro.jsp" onMouseOver="JavaM(5)"> Tom 搜索 </A> '
// '<A style="color:#000000;text-decoration:none;" HREF="/favpackage?module=wyorder" onMouseOver="JavaM(5)"> 网易的推广排名促销包</A> '
 );

Layer[6] = new LayerSpecs(360,20,100,
 '<a href="/agent"><IMG SRC="/_default/images/agentImg.gif" WIDTH="122" HEIGHT="59" BORDER="0"></a>',
 '<A style="color:#000000;text-decoration:none;" HREF="/agent?module=agent1" onMouseOver="JavaM(6)"> 成为代理的条件</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/agent?module=agent2" onMouseOver="JavaM(6)"> 步骤与流程</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/agent?module=agent3" onMouseOver="JavaM(6)"> 新代理定级</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/agent?module=agent4" onMouseOver="JavaM(6)"> 代理合同</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/agent?module=agent9" onMouseOver="JavaM(6)"> 个人代理</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/agent?module=agent10" onMouseOver="JavaM(6)"> 企业代理</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/agent?module=agent8" onMouseOver="JavaM(6)"> 代理结构</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/agent?module=agent13" onMouseOver="JavaM(6)"> 代理审核</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/agent?module=agent14" onMouseOver="JavaM(6)"> 产品服务体系</A> ');

Layer[7] = new LayerSpecs(420,20,100,
 '<a href="/faqcustomer"><IMG SRC="/_default/images/faqImg.gif" WIDTH="122" HEIGHT="59" BORDER="0"></a>',
 '<A style="color:#000000;text-decoration:none;" HREF="/faqcustomer?module=faq" onMouseOver="JavaM(7)"> 常见问题</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/faqcustomer?module=ask" onMouseOver="JavaM(7)"> 有问必答</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/ticket" onMouseOver="JavaM(7)"> 跟踪提问</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/faqcustomer?module=buyflow" onMouseOver="JavaM(7)"> 购买流程</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/faqcustomer?module=price" onMouseOver="JavaM(7)"> 产品价格</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/faqcustomer?module=price#3" onMouseOver="JavaM(7)"> 付款事宜</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/faqcustomer?module=softshow" onMouseOver="JavaM(7)"> 常用软件</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="http://www.bizcn.net/bizcn-net/b-3.jsp" onMouseOver="JavaM(7)"> 联系销售部</A> ');

Layer[8] = new LayerSpecs(480,20,100,
 '<a href="/faqcustomer"><IMG SRC="/_default/images/faqImg.gif" WIDTH="122" HEIGHT="59" BORDER="0"></a>',
 '<A style="color:#000000;text-decoration:none;" HREF="/faqcustomer?module=faq" onMouseOver="JavaM(7)"> 常见问题</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/faqcustomer?module=ask" onMouseOver="JavaM(7)"> 有问必答</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/ticket" onMouseOver="JavaM(7)"> 跟踪提问</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/faqcustomer?module=buyflow" onMouseOver="JavaM(7)"> 购买流程</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/faqcustomer?module=price" onMouseOver="JavaM(7)"> 产品价格</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/faqcustomer?module=price#3" onMouseOver="JavaM(7)"> 付款事宜</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="/faqcustomer?module=softshow" onMouseOver="JavaM(7)"> 常用软件</A> ',
 '<A style="color:#000000;text-decoration:none;" HREF="http://www.bizcn.net/bizcn-net/b-3.jsp" onMouseOver="JavaM(7)"> 联系销售部</A> ');

////////////////////////////////////////////////////////////////

j = (Layer[0]) ? 0:1;

for(i=j; i<Layer.length; i++) {
 if(document.all && No3) { document.write("<TABLE"+" border=0 cellspacing=1 cellpadding=0 "+ border_color+"'>"+Layer[i].info+"</TABLE>"); }
 else if(document.layers && No3) { document.write("<LAYER onMouseOver='clearTimeout(timer)' onMouseOut='Hide("+i+")' ID='L"+i+"' POSITION=ABSOLUTE VISIBILITY=HIDDEN BGCOLOR='"+bgcolor+"' BACKGROUND='"+background+"' TOP="+Layer[i].top+" LEFT="+Layer[i].left+"><table>"+Layer[i].info+"</table></LAYER>"); }
}

</SCRIPT>

<SCRIPT language=javascript>
var menu = "";
menu += "<table width='750' border='0' cellspacing='0' cellpadding='0'>"
menu += "<tr>"
menu += "<td width='603'><img src='商务中国—提供国际域名-_CN注册,虚拟主机,通用网址,精E邮局,网站推广_files/newmenu1.gif' width='603' height='22' border='0' usemap='#MapMenu'><map name='MapMenu'><area shape='rect' coords='0,0,62,28' href='/'><area shape='rect' coords='62,1,156,31' href='/serviceorder?module=domainregister' onmouseout=Hide(1) onmouseover=JavaM(1)><area shape='rect' coords='155,1,253,27' href='/serviceorder' onmouseout=Hide(2) onmouseover=JavaM(2)><area shape='rect' coords='253,0,351,31' href='/serviceorder?module=corpmail' onmouseout=Hide(3) onmouseover=JavaM(3)><area shape='rect' coords='350,1,448,36' href='/serviceorder?module=spread' onmouseout=Hide(5) onmouseover=JavaM(5)><area shape='rect' coords='448,0,534,41' href='/faqcustomer' onmouseout=Hide(7) onmouseover=JavaM(7)></map></td>"
menu += "<td background='商务中国—提供国际域名-_CN注册,虚拟主机,通用网址,精E邮局,网站推广_files/newmenu2.gif'><table border='0' cellspacing='0' cellpadding='0'>"
menu += "<form method='post' action='/domainreg'>"
menu += "<input type=hidden name=module value=whoisreg>"
menu += "<tr>"
menu += "<td><input type='text' name='domainname' size='16' style='font-size:9pt; color: #000000; background-color: #FFFFFF; BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid;'></td>"
menu += "<td width='34'><input type='image' src='商务中国—提供国际域名-_CN注册,虚拟主机,通用网址,精E邮局,网站推广_files/whoissea.gif' width='34' height='18' border='0'></td>"
menu += "</tr></form>"
menu += "</table></td>"
menu += "</tr>"
menu += "</table>"
menu += "<table width='750' border='0' cellspacing='0' cellpadding='0'>"
menu += " <tr> "
menu += " <td><img src='商务中国—提供国际域名-_CN注册,虚拟主机,通用网址,精E邮局,网站推广_files/3.gif' width='750' height='16' usemap='#Mapshopcart' border='0'></td>"
menu += " </tr>"
menu += "</table><table width='750' border='0' cellspacing='0' cellpadding='0'>"
menu += " <tr>"
menu += " <td><img src='商务中国—提供国际域名-_CN注册,虚拟主机,通用网址,精E邮局,网站推广_files/4.gif' width='750' height='1'></td>"
menu += " </tr>"
menu += "</table><map name='Mapshopcart'>"
menu += " <area shape='rect' coords='600,1,675,15' href='#' onclick=/"javascript:window.open('/default/demonstrate/shopping.htm','','width=556,height=522,scrollbars=no');/">"
menu += " <area shape='rect' coords='677,1,774,31' href='/serviceorder?module=shopcart'>"
menu += "</map>"
document.write(menu);
</SCRIPT>