## 多功能切换的页面头部导航

多功能切换的页面头部导航

开发工具与关键技术：DW / Html Css3
作者：FHJ
撰写时间：2019年1月19日星期六
制作的这个网页头部导航的功能有1.提示2点击选择分类页面跳转 3.视频播放 4.弹出表格选择
1.提示
## 多功能切换的页面头部导航
2点击选择分类页面跳转

3.视频播放

4.鼠标移入弹出表格选择

制作理念 :就是用一个软件或一个网页能实现多功能的转换更便捷用户
只要代码
HTML ：插入视频

CSS: 伪类
#FHJ ul li ul li:hover{ background:#0E7A0D;border-radius:10px; }
JS:鼠标移入和点击事件
tabBtn.onclick = function(){
plan_tab.style.display = “block”;
};
xmbgBtn.onclick = function(){
plan_tab.style.display = “none”;
};
klk.onmouseover = function(){
ctnl.style.display = “block”;
};
ctnl.onclick = function(){
ctnl.style.display = “none”;
};
};