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

Html导航菜单的制作源代码：博研图书馆#topbackground-image:url(Images/top_bg.gif);/此处放置你所需的图片背景background-repeat:no-repeat;height:118px;width:778px;#messageheight:30px;width:150px;padding-left:240px;padding-top:85px;color:#CC0000;#daohbackground-color:#CC9933;height:20px;width:778px;#datebackground-color:#CCCC00;height:20px;width:240px;float:left;padding:0px;font-size:10px;font-weight:bold;color:#FFF;#menuheight:20px;width:538px;float:right.box padding:0px;font-size:10px; .box ulmargin:0px; padding:0px; list-style:none;.box ul limargin: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 ulvisibility:visible;/当鼠标移动到菜单时，下拉列表显示出来.box ul li atext-align:center; width:80px; height:20px; line-height:15px; display:block; text-decoration:none; color:#FFF;.box ul li ulvisibility:hidden;/下拉菜单默认设置为隐藏.box ul li ul li padding:0px; width:80px; background-color:#CC9933;.box ul li ul li:hoverbackground:#666;body licolor:#FFF;strongcolor:#FFFFFF;var timenow;var s;function jialing(s)/当获取的时间值小于10时，加一个0，如9显示为09if(s10)s=0+s;return s;elsereturn 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);weekday0=星期日;weekday1=星期一;weekday2=星期二;weekday3=星期三;weekday4=星期四;weekday5=星期五;weekday6=星期六;var strDate = date.getFullYear()+年+month+月+da+日 +weekdaydate.getDay()+hour+:+minute+:+second;var span = document.getElementById(showDate);span.innerHTML = strDate;timerId = setTimeout(showTime(),1000);/每1秒自动刷新一次，时间显示为按秒跳动function winclose()if(confirm(确定退出？)/弹出对话框，询问是否删除。window.close();当前登录用户：首页 |系统设置 |图书馆信息管理员设置参数设置书架设置读者管理 |读者类型管