机试
去三渡文化参加面试,其实没有面试,到那之后,直接给你一个页面,要求你在电脑上面编程,实现Word文档上面要求的功能。
题目描述:
左侧是一个列表,有四个子项,右侧是一个div,要求鼠标悬浮在列表子项时,子项出现边框和箭头,并且div里面显示对应文字。div里面文字每三秒按顺序刷新。
下面附上自己回来后完成的代码(不足之处望多多指教,三秒刷新功能没有实现):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
ul{
float: left;
list-style: none;
}
div{
float: right;
height: 300px;
width: 500px;
border: solid 1px;
}
li:hover{
border: solid 1px;
width: 100px;
}
p{
display: none;
}
</style>
</head>
<body>
<ul>
<li id="Tom" onmouseover="show(1)" onmouseout="hide(1)">Tom</li>
<li id="Jack" onmouseover=