在HTML中实现二级下拉导航菜单.docxVIP

Html导航菜单的制作源代码：!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312 /title博研图书馆/titlestyle#top{background-image:url(Images/top_bg.gif);//此处放置你所需的图片背景background-repeat:no-repeat;height:118px;width:778px;}#message{height:30px;width:150px;padding-left:240px;padding-top:85px;color:#CC0000;}#daoh{background-color:#CC9933;height:20px;width:778px;}#date{background-color:#CCCC00;height:20px;width:240px;float:left;padding:0px;font-size:10px;font-weight:bold;color:#FFF;}#menu{height:20px;width:538px;float:right}.box{ padding:0px;font-size:10px; }.box ul{margin:0px; padding:0px; list-style:none;}.box ul li{margin:0px 2px 0px 0px; padding:0px; width:63px; height:20px; display:inline; float:left; border-bottom-style:none solid none none;}.box ul li:hover ul{visibility:visible;}//当鼠标移动到菜单时，下拉列表显示出来.box ul li a{text-align:center; width:80px; height:20px; line-height:15px; display:block; text-decoration:none; color:#FFF;}.box ul li ul{visibility:hidden;}//下拉菜单默认设置为隐藏.box ul li ul li{ padding:0px; width:80px; background-color:#CC9933;}.box ul li ul li:hover{background:#666;}body li{color:#FFF;}strong{color:#FFFFFF;}/stylescript type=text/javascriptvar timenow;var s;function jialing(s){//当获取的时间值小于10时，加一个0，如9显示为09if(s10){s=0+s;return s;}else{return s;}}function showTime(){var date=new Date();//获取系统当前时间var second=date.getSeconds();var month=date.getMonth()+1;var da=date.getDate();var hour=date.getHours();var minute=date.getMinutes();second=jialing(second);minute=jialing(minute);hour=jialing(hour);da=jialing(hour);month=jialing(month);var weekday=new Array(7);weekday[0]=星期日;weekday[1]=星期一;weekday[2]=星期二;weekday[3]=星期三;weekday[4]=星期四;weekday[5]=星期五;weekday[6]=星期六;var strDate = date.getFullYear()+年+month+月+da+日 +weekday[date.getDay()]+hour+:+minute+:+second;var span = document.getElementById(showDate);span.innerHTML = strDate;timerId = setTimeout(showTime()