jQuery书签效果 - 2

最新推荐文章于 2022-03-16 20:48:59 发布

nospeak

最新推荐文章于 2022-03-16 20:48:59 发布

阅读量155

点赞数

分类专栏： jquery 文章标签： jQuery IE CSS ViewUI

本文链接：https://blog.youkuaiyun.com/nospeak/article/details/83812918

版权

jquery 专栏收录该内容

20 篇文章

订阅专栏

<style>
  /** style支持ie、火狐 **/

  body
  {
    font-size: 12px;
    text-align:center;
    margin:0 auto;
    /** font-family:simhei; **/
  }

  #bkcontent
  {
    width:805px;
    text-align:center;
    margin:0 auto;
  }
  .bookmarkgap
  {
    width:160px;
    height:120px;
    float: left;
  }
  .bookmark
  {
    border:1px solid #ffffff;
    width:120px;
    height:120px;
  }
  .booktitle
  {
    width:100%;
    height:20px;
    line-height:20px;
    text-align:left;
    /** background:url('titlebg.png'); **/
  }
  .bookimg
  {
    border:1px solid #81c5ff;
    width:106px;
    height:80px;
    cursor:pointer;
  }
  .bookleg
  {
    width:110px;
    height:20px;
    text-align:right;
    /** 隐藏 **/
     visibility:hidden; 
  }
  .bookmarkinfo
  {
    float: left;
    border: 1px solid #f3fc00;
    position:absolute;
    background:#ffffef;
    visibility:hidden;
    text-align:left;
  }
  .tools
  {
    cursor:pointer;
  }
  .favicon
  {
    width:16px;
    height:16px;
  }
</style>