码迷,mamicode.com
首页 > 其他好文 > 详细

10.2

时间:2017-10-02 18:25:02      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:body   position   round   做了   页面   play   dex   list   order   

今天把要做的项目确定并做了大体的样子出来,子页面和JS部分还没有做,图片轮播借鉴了书上的网上的一些代码,还并不是特别熟悉,但是二级菜单的挺好弄的,代码在这看下把

 

<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.listdiv{
background-color: blue;
position: absolute;
z-index: 1;
display: none;
width: 160px;

}
.table{
width: 300px;
height: 100px;
border: 1px solid green;
}

</style>
</head>
<body>
<table class="table">
<tr>
<td onmouseover="show(‘s3‘)" onmouseleave="hide(‘s3‘)">我要买</td>
<td onmouseover="show(‘s4‘)" onmouseleave="hide(‘s4‘)">我要卖</td>
<td onmouseover="show(‘s5‘)" onmouseleave="hide(‘s5‘)">我都要</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>
<div class="listdiv" id="s3" onmouseover="show(‘s3‘)" onmouseleave="hide(‘s3‘)">
<p>针织衫</p>
<p>春季单鞋</p>
<p>春装新款</p>
<p>冬装清仓</p>
</div>
</td>
<td>
<div class="listdiv" id="s4" onmouseover="show(‘s4‘)" onmouseleave="hide(‘s4‘)">
<p>针织衫</p>
<p>春季单鞋</p>
<p>春装新款</p>
<p>冬装清仓</p>
</div></td>
<td>
<div class="listdiv" id="s5" onmouseover="show(‘s5‘)" onmouseleave="hide(‘s5‘)">
<p>针织衫</p>
<p>春季单鞋</p>
<p>春装新款</p>
<p>冬装清仓</p>
</div>
</td>
<td></td>
<td></td>
<td></td>
</tr>


</table>
</body>
</html>
<script>
function show(d){
document.getElementById(d).style.display="block";
}
function hide(d){
document.getElementById(d).style.display="none";
}
</script>

10.2

标签:body   position   round   做了   页面   play   dex   list   order   

原文地址:http://www.cnblogs.com/m110/p/7620437.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!