效果示意图:
鼠标滑过11,22,33,44,55区域,图片也随之出现
话不多说直接上代码~
css代码:
<style>
* {
padding: 0;
margin: 0;
}
img {
border: none;
display: block;
}
#box {
width: 640px;
height: 140px;
margin: 0 auto;
}
#box ul {
border-left: 1px solid #ddd;
position: relative;
height: 140px;
}
#box ul li {
width: 50px;
height: 138px;
border: 1px solid #000;
float: left;
list-style: none;
border-left: 0;
overflow