在HTML中实现二级下拉导航菜单
Html导航菜单的制作
源代码:
#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;}
var timenow;
var s;
function jialing(s){//当获取的时间值小于10时,加一个0,如9显示为09 if(s<10){
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()',1000);//每1秒自动刷新一次,时间显示为按秒跳动}
function winclose(){
if(confirm("确定退出?")){//弹出对话框,询问是否删除。
window.close();
}
}
div+css 导航条 下拉菜单不隐藏
div+css 导航条下拉菜单不隐藏 浏览次数:389次悬赏分:5 |解决时间:2011-3-3 07:51 |提问者:ibanezxp 就是想鼠标放在“首页"按钮上那个“下拉1” 才显示 现在不知道怎么的它不放在上面也一直显示 以下是代码: 这个是网页的:
- 仿网页导航--下拉菜单精品ppt,改下文字就能用-ppt
- 通过“幻灯片母版”设置导航菜单
- 网站制作导航栏种类汇总
- ASP 导航树菜单
- div+css 导航条 下拉菜单不隐藏
- HTML下拉框代码
- 在PPT中制作个性导航菜单
- PPT中制作导航滑条的方法
- 教你如何做一个漂亮的下拉菜单导航
- 在PPT中制作美观的下拉式导航菜单按钮实现任意页面的跳转
- 10个精致的导航菜单欣赏及点评
- dedecms5.6导航栏下拉菜单显示设置方法
- 用PPT制作下拉菜单
- Dreamweaver制作下拉导航菜单
- 十种不同风格的网站导航菜单(转)
- 网站导航是网站的栏目菜单
- PPT下拉菜单制作
- 10个精致的导航菜单欣赏及点评
- CSS下拉导航菜单被视频挡住问题解决
- 基于Bootstrap实现下拉菜单项和表单导航条(两个菜单项,一个下拉菜单和登录表单导航条)