鼠标的 onmouseover 事件跟踪
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>滑动选项卡</title>
<style>
hr{opacity: 0.3;}
.box{ width: 1000px;height: 450px;border: 1px solid lightblue;color: #636363; }
.box >ul{margin:0;padding: 0;background: #565656;width: 210px;height: 450px;float: left;overflow: hidden;}
.box >ul li a{color: white;text-decoration: none;line-height: 70px;font-size: 13px;margin-left: 5px;}
.box >ul li:hover{background-color: coral;}
.box span{float: right;color: white;margin-right: 20px;line-height: 70px;}
.box div{display: none;width: 780px;float: right;}
.box div ul{margin: 0;padding: 10px;lis