<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="zh-cn" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>佳能(中国)</title> <script type="text/JavaScript"> activateMenu = function(nav) { /* currentStyle restricts the Javascript to IE only */ if (document.all && document.getElementById(nav).currentStyle) { var navroot = document.getElementById(nav); /* Get all the list items within the menu */ var lis=navroot.getElementsByTagName("LI"); for (i=0; i<lis.length; i++) { /* If the LI has another menu level */ if(lis[i].lastChild.tagName=="UL"){ /* assign the function to the LI */ lis[i].onmouseover=function() { /* display the inner menu */ this.lastChild.style.display="block"; } lis[i].onmouseout=function() { this.lastChild.style.display="none"; } } } } } window.onload= function(){ /* pass the function the id of the top level UL */ /* remove one, when only using one menu */ activateMenu('nav'); // activateMenu('vertnav'); } function MM_jumpMenu(targ,selObj,restore){ //v3.0 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); if (restore) selObj.selectedIndex=0; } </script> <style type="text/css"> <!-- #nav{ list-style: none; margin-top:-5px !important; margin-top:0px; } #nav ul { padding: 0; margin:0; list-style: none; z-index:99; position:relative; overflow:visible; } #nav li { margin:0; position: relative; float:left; display:block; height:auto; background-image: url(//www.canon.com.cn/images/hollow.gif); } #nav ul a { text-decoration:none; display:block; line-height:1.5em; text-indent:0.5em; font-size: 12px; background-color: #ffffff; /*border-right: 1px solid #c50000; border-bottom: 1px solid #c50000; border-left: 1px solid #c50000;*/ color: #666666; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; } #nav ul a:hover { background-color: #c50000; background-color: #dedede; color: #ffffff; } #nav a:hover, #nav li:hover{ } #nav ul li:hover, #nav ul li a:hover { } #nav ul{ display:none; } /*all see this */ #nav ul, #nav ul ul{ display:none; position:absolute; left: 30px; } #nav ul { left: 22px; } #nav ul ul { left: 91px; } /* non-IE browsers see this */ #nav ul li>ul, #nav ul ul li>ul{ margin-top:-1.4em; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{ display:none; } #nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{ display:block; } li>ul { top: auto; left: auto; } /* 一级栏目 */ #nav a.nav_product, #nav a.nav_event, #nav a.nav_support, #nav a.nav_service, #nav a.nav_club, #nav a.nav_canon { background-image:url(//www.canon.com.cn/front/images/nav_prd.png) !important; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//www.canon.com.cn/front/images/nav_prd.png); cursor:hand; background-repeat: no-repeat; display: block; line-height: 31px; width: 64px; height:30px; text-ind</body></html>