FhListGalio

出自OpenISEE

跳轉到: 導航, 搜尋

FhList VE Content Sample for Galio

VE Tag
<isee:fhList skin="horizontalFhList" onSelect="listSelect" items="<%=items%>" selectIndex="0"/>

This VE tag appears in /demo/fhListHorizontal.jsp of ISEE Demo project

Style
.ve1 {
  position: absolute;
  top: 95px;
  left: 0px;
}
.ve1 .veList{
  position:absolute;
  width:720px;
  height:161px;
  overflow:hidden
}
.ve1 table{
  left:250px;
  position: relative
}
.ve1 td{
  text-align:center;
}
.ve1 a{
  -ant-highlight-color:transparent;
  display:block;
  width:200px;
  height:161px
}
.ve1 .veHL{
  position: absolute;
  top: -25px;
  left: 250px;
  width: 190px;
  height: 171px;
  border-top: 20px solid #dd4433;
  border-bottom: 20px solid #dd4433;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  opacity: 0.8;
  z-index: 5;
}
Structure
<div id='z1' class='ve1'>
  <div class='veList'>
    <table border='0' cellpadding='0' cellspacing='0'><tr>
      <td><a href='javascript:z1.onclick()'><img src='images/fhList1.jpg'></a></td>
      <td><a href='javascript:z1.onclick()'><img src='images/fhList2.jpg'></a></td>
      <td><a href='javascript:z1.onclick()'><img src='images/fhList3.jpg'></a></td>
      <td><a href='javascript:z1.onclick()'><img src='images/fhList4.jpg'></a></td>
      <td><a href='javascript:z1.onclick()'><img src='images/fhList5.jpg'></a></td>
      <td><a href='javascript:z1.onclick()'><img src='images/fhList6.jpg'></a></td>
      <td><a href='javascript:z1.onclick()'><img src='images/fhList7.jpg'></a></td>
      <td><a href='javascript:z1.onclick()'><img src='images/fhList8.jpg'></a></td>
      <td><a href='javascript:z1.onclick()'><img src='images/fhList9.jpg'></a></td>
      <td><a href='javascript:z1.onclick()'><img src='images/fhList10.jpg'></a></td>
    </tr></table>
  </div>
  <div class='veHL'></div>
</div>
Javascript
<script type='text/javascript'>
  var z1Dp=new Array("<img src='images/fhList1.jpg'>",
                     "<img src='images/fhList2.jpg'>",
                     "<img src='images/fhList3.jpg'>",
                     "<img src='images/fhList4.jpg'>",
                     "<img src='images/fhList5.jpg'>",
                     "<img src='images/fhList6.jpg'>",
                     "<img src='images/fhList7.jpg'>",
                     "<img src='images/fhList8.jpg'>",
                     "<img src='images/fhList9.jpg'>",
                     "<img src='images/fhList10.jpg'>"
                     );
  var z1=new iscl.FhListCtrl(window,'z1',false,z1Dp,0,
              listSelect,null,250,[50,80,95,105,102],1,true);
</script>
個人工具
開發者首頁