css中一段高级技巧

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>