Border的快樂生活記錄

 

分享一個jquery滿版背景圖圖的套件

設定簡單實用

1. JS的部分

2.CSS部分

*{
   margin:0;
   padding:0;
  }

  #supersize{
   position:fixed;
  }
  #supersize img, #supersize a{
   height:100%;
   width:100%;
   position:absolute;
   z-index: 0;
  }
  #supersize .prevslide, #supersize .prevslide img{
   z-index: 1;
  }
  #supersize .activeslide, #supersize .activeslide img{
   z-index: 2;
  }

3.HTML部分

<!-- 擺放要輪播的圖片 -->
<div id="supersize">
 <a><img src="images/bird.jpg" title="Bird On A Branch"/></a>
 <a><img src="images/paradise.jpg" title="Paradise Lost"/></a>
</div>

 

範例下載

 

維度自動免費架站系統，讓你快速擁有自己的網站
維度架站(新版系統)
維度架站
維度雲商城