js代码实现网站栏目中英文交换
作者:admin 日期:2012-08-23
JS代码部份:
< script type="text/javascript">
function menuxs(i,n,v){
for(j=1;j<=2;j++){
str=i+j;
document.getElementById(str).style.display="none";
}
document.getElementById(v).style.display="block";
if(n=="1"){
if(i=="menu7"){
document.getElementById(i).className="top_6_11";
}else{
document.getElementById(i).className="top_61";}
}else{
if(i=="menu7"){
document.getElementById(i).className="top_4_11";
}else{
document.getElementById(i).className="top_41";}
}
}
< /script>
< table border="0" cellpadding="0" cellspacing="0">
< tr>
< td width="50" align="center" id="menu1" onmouseover="menuxs('menu1','1','menu12')"
onmouseout="menuxs('menu1','2','menu11')" onclick="javascript:window.location='index.asp'" style="cursor:hand;">< a
href="index.asp" class="menulink">< span id="menu11">Home< /span>< span
id="menu12" style="DISPLAY: none">首页< /span>< /a>< /td>
< td width="22" align="center" class="menuline">|< /td>
< td width="60" align="center" id="menu2" onmouseover="menuxs('menu2','1','menu22')"
onmouseout="menuxs('menu2','2','menu21')" onclick="javascript:window.location='aboutus.asp'" style="cursor:hand;">< a
href="aboutus.asp" class="menulink">< span id="menu21">About Us< /span>< span
id="menu22" style="DISPLAY: none">关于我们< /span>< /a>< /td>
< td width="22" align="center" class="menuline">|< /td>
< td width="85" align="center" id="menu3" onmouseover="menuxs('menu3','1','menu32')"
onmouseout="menuxs('menu3','2','menu31')" onclick="javascript:window.location='service.asp'" style="cursor:hand;">< a
href="service.asp" class="menulink">< span
id="menu31">Service Items< /span>< span id="menu32" style="DISPLAY: none">服务项目< /span>< /a> < /td>
< td width="22" align="center" class="menuline">|< /td>
< td width="70" align="center" id="menu4" onmouseover="menuxs('menu4','1','menu42')"
onmouseout="menuxs('menu4','2','menu41')" onclick="javascript:window.location='case.asp'" style="cursor:hand;">< a
href="case.asp" class="menulink">< span id="menu41">Case Show< /span>< span
id="menu42" style="DISPLAY: none">案例展示< /span>< /a> < /td>
< td width="22" align="center" class="menuline">|< /td>
< td width="80" align="center" id="menu5" onmouseover="menuxs('menu5','1','menu52')"
onmouseout="menuxs('menu5','2','menu51')" onclick="javascript:window.location='team.asp'" style="cursor:hand;">< a
href="team.asp" class="menulink">< span id="menu51">Expert Team< /span>< span
id="menu52" style="DISPLAY: none">专家团队< /span>< /a> < /td>
< td width="22" align="center" class="menuline">|< /td>
< td width="75" align="center" id="menu6" onmouseover="menuxs('menu6','1','menu62')"
onmouseout="menuxs('menu6','2','menu61')" onclick="javascript:window.location='culture.asp'" style="cursor:hand;">< a
href="culture.asp" class="menulink">< span id="menu61">Our Culture< /span>< span
id="menu62" style="DISPLAY: none">企业文化< /span>< /a> < /td>
< td width="22" align="center" class="menuline">|< /td>
< td width="70" align="center" id="menu7" onmouseover="menuxs('menu7','1','menu72')"
onmouseout="menuxs('menu7','2','menu71')" onclick="javascript:window.location='contactus.asp'" style="cursor:hand;">< a
href="contactus.asp" class="menulink">< span
id="menu71">Contact Us< /span>< span id="menu72" style="DISPLAY: none">联系我们< /span>< /a> < /td>
< td width="22" align="center" class="menuline">|< /td>
< td width="40" align="center">< a
href="http://www.cncis.cn/FlashVersion" class="menulink">动画版< /a>< /td>
< /tr>
< /table>
< script type="text/javascript">
function menuxs(i,n,v){
for(j=1;j<=2;j++){
str=i+j;
document.getElementById(str).style.display="none";
}
document.getElementById(v).style.display="block";
if(n=="1"){
if(i=="menu7"){
document.getElementById(i).className="top_6_11";
}else{
document.getElementById(i).className="top_61";}
}else{
if(i=="menu7"){
document.getElementById(i).className="top_4_11";
}else{
document.getElementById(i).className="top_41";}
}
}
< /script>
< table border="0" cellpadding="0" cellspacing="0">
< tr>
< td width="50" align="center" id="menu1" onmouseover="menuxs('menu1','1','menu12')"
onmouseout="menuxs('menu1','2','menu11')" onclick="javascript:window.location='index.asp'" style="cursor:hand;">< a
href="index.asp" class="menulink">< span id="menu11">Home< /span>< span
id="menu12" style="DISPLAY: none">首页< /span>< /a>< /td>
< td width="22" align="center" class="menuline">|< /td>
< td width="60" align="center" id="menu2" onmouseover="menuxs('menu2','1','menu22')"
onmouseout="menuxs('menu2','2','menu21')" onclick="javascript:window.location='aboutus.asp'" style="cursor:hand;">< a
href="aboutus.asp" class="menulink">< span id="menu21">About Us< /span>< span
id="menu22" style="DISPLAY: none">关于我们< /span>< /a>< /td>
< td width="22" align="center" class="menuline">|< /td>
< td width="85" align="center" id="menu3" onmouseover="menuxs('menu3','1','menu32')"
onmouseout="menuxs('menu3','2','menu31')" onclick="javascript:window.location='service.asp'" style="cursor:hand;">< a
href="service.asp" class="menulink">< span
id="menu31">Service Items< /span>< span id="menu32" style="DISPLAY: none">服务项目< /span>< /a> < /td>
< td width="22" align="center" class="menuline">|< /td>
< td width="70" align="center" id="menu4" onmouseover="menuxs('menu4','1','menu42')"
onmouseout="menuxs('menu4','2','menu41')" onclick="javascript:window.location='case.asp'" style="cursor:hand;">< a
href="case.asp" class="menulink">< span id="menu41">Case Show< /span>< span
id="menu42" style="DISPLAY: none">案例展示< /span>< /a> < /td>
< td width="22" align="center" class="menuline">|< /td>
< td width="80" align="center" id="menu5" onmouseover="menuxs('menu5','1','menu52')"
onmouseout="menuxs('menu5','2','menu51')" onclick="javascript:window.location='team.asp'" style="cursor:hand;">< a
href="team.asp" class="menulink">< span id="menu51">Expert Team< /span>< span
id="menu52" style="DISPLAY: none">专家团队< /span>< /a> < /td>
< td width="22" align="center" class="menuline">|< /td>
< td width="75" align="center" id="menu6" onmouseover="menuxs('menu6','1','menu62')"
onmouseout="menuxs('menu6','2','menu61')" onclick="javascript:window.location='culture.asp'" style="cursor:hand;">< a
href="culture.asp" class="menulink">< span id="menu61">Our Culture< /span>< span
id="menu62" style="DISPLAY: none">企业文化< /span>< /a> < /td>
< td width="22" align="center" class="menuline">|< /td>
< td width="70" align="center" id="menu7" onmouseover="menuxs('menu7','1','menu72')"
onmouseout="menuxs('menu7','2','menu71')" onclick="javascript:window.location='contactus.asp'" style="cursor:hand;">< a
href="contactus.asp" class="menulink">< span
id="menu71">Contact Us< /span>< span id="menu72" style="DISPLAY: none">联系我们< /span>< /a> < /td>
< td width="22" align="center" class="menuline">|< /td>
< td width="40" align="center">< a
href="http://www.cncis.cn/FlashVersion" class="menulink">动画版< /a>< /td>
< /tr>
< /table>
[本日志由 admin 于 2012-08-23 03:19 PM 编辑]
上一篇: 用js设置div层始终在网页底部显示及使用JS获取网页高度和屏幕分辨率高度下一篇: ASP中取字符串中第N个字符_网站设计制作
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: js 代码实现网站栏目中英文交换
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论