.index { width:400px; height:auto; position:relative; float:left; } .head { width:100%; height:45px; float:left; text-align:center; } .head ul { margin:0; padding:0; width:100%; height:100%; list-style:none; position:relative; } .head ul li { width:80px; height:100%; line-height:45px; float:left; font-size:16px; } .head ul li a { width:100%; height:100%; display:block; text-decoration:none; position:relative; color:red; z-index:999; } .off-tale { width:100%; height:400px; background:#999999; float:left; } .off-tale ul { width:100%; height:100%; margin:0; padding:0; list-style:none; } .off-tale ul li { width:100%; height:100%; float:left; display:none; color:#fff; text-align:left; } .off-tale ul li.off { display:block; } .on { background:#000; border-radius:10px; width:auto; height:100%; position:absolute; top:0; left:0; }
点击导航触发下面模块切换 鼠标移动 方块跟着移动 鼠标移出 方块回归原来位置
使用时只要更换上 标签即可