<script type="text/javascript" src="/js/kwiks-2.js"></script>  

  <script type="text/javascript">  
  $().ready(function() {
  $('.kwicks').kwicks({
  gap : 5
  });  

  });
  </script>  

  <style type="text/css">  
  .divbox { border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: groove;  
  border-right-style: groove;  
  border-bottom-style: ridge;  
  border-left-style: ridge;  
  border-top-color: #333;  
  border-right-color: #333;  
  border-bottom-color: #000;  
  border-left-color: #000;  
  margin: 5px;  
  position: absolute;  
  }  

  .kwicks {  
  width: 600px;  
  height: 600px;  
  position: relative;  
  margin-top: 5px;  
  float: left;  
  border-right-width: 2px;  
  border-right-style: solid;  
  border-right-color: #666;  
  }  
  </style>

<div class="kwicks">  
  <div class="divbox" style="background-color: #9C0;">a</div>  
  <div class="divbox" style="background-color: #930;">b</div>  
  <div class="divbox" style="background-color: #0F3;">c</div>  
  <div class="divbox" style="background-color: #F0F;">d</div>  
  <div class="divbox" style="background-color: #F00;">e</div>  
  <div class="divbox" style="background-color: #00C;">f</div>  
  </div>