body.index a.box div.product {
background-color: #FFFFFF;
display: none;
height: 130px;
margin: -160px 0 0 -35px; #负的margin值可以让其往上走!!!
position: absolute;
width: 825px;
}
body.index a.box.hover div.product {
display: block;
}
<script>
$("a.box").hover(
function () {
/* $(this).append($("<span> ***</span>")); */
$(this).addClass('hover');
},
function () {
$(this).removeClass('hover');
}
);
以上代码可以让以下代码凭空出来,非常动态。
<div class="product bc">
<h1><span>高效</span>:销售开单、仓库配送</h1>
<p >流程化管理让交付轻松有序,还可以用手机开单、管理业务! </p>
<img src="/images/arrow-left.png" width="69" height="69" class="arrow">
</div>