jQuery书签效果 - 3

<p>
  jQuery书签效果
</p>

<!-- 随鼠标移动的层 -->
<div id="bookmarkinfo" class="bookmarkinfo">
  <b>CSS实例：水平居中和垂直居中的多种解决方案 之 DIV的水平居中及垂直居中的代码示例（1）</b>
  <br/>
  <font color='blue'>http://www.w3school.com.cn/jquery/jquery_ref_events.asp</font> 
</div>

<div id="bkcontent">

  <div id="bookmarkgap_1" class="bookmarkgap">
    <div id="bookmark_1" class="bookmark" align="center">
      <!-- 标题 -->
      <div id="booktitle_1" class="booktitle">
         <img class="favicon" src="http://www.iteye.com/favicon.ico" /> 百度一下，你...
      </div>
      <!-- 图片 -->
      <div id="bookimg_1" class="bookimg" >
        <img src="web.png" />
      </div>
      <!-- 操作 -->
      <div id="bookleg_1" class="bookleg">
        <img src="modify.gif" class="tools" title="修改" />
        <img src="del.gif" class="tools" title="关闭" />
      </div>
    </div>
  </div>

  <div id="bookmarkgap_2" class="bookmarkgap">
    <div id="bookmark_2" class="bookmark" align="center">
      <!-- 标题 -->
      <div id="booktitle_2" class="booktitle">
         <img class="favicon" src="http://www.ibm.com/favicon.ico" /> 百度一下，你...
      </div>
      <!-- 图片 -->
      <div id="bookimg_2" class="bookimg" >
        <img src="web2.png" />
      </div>
      <!-- 操作 -->
      <div id="bookleg_2" class="bookleg">
        <img src="modify.gif" class="tools" title="修改" />
        <img src="del.gif" class="tools" title="关闭" />
      </div>
    </div>
  </div>

</div>