多功能切换的页面头部导航
开发工具与关键技术: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”;
};
};