原始碼

<h2>FhList VE Content Sample for Galio</h2>
<gallery widths="300px" heights="200px" perrow="2">
圖片:FhList1.jpg
圖片:FhList2.jpg
</gallery>
<table border=1>
  <tr><th class="tag">VE Tag</th></tr>
  <tr><td>
<pre>&lt;isee:fhList skin=&quot;horizontalFhList&quot; onSelect=&quot;listSelect&quot; items=&quot;&lt;%=items%&gt;&quot; selectIndex=&quot;0&quot;/&gt;</pre>
This VE tag appears in /demo/fhListHorizontal.jsp of ISEE Demo project
  </td></tr>
  <tr><th>Style</th></tr>
  <tr><td>
<pre>.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;
}</pre>
  </td></tr>
  <tr><th>Structure</th></tr>
  <tr><td>
<pre>&lt;div id='z1' class='ve1'&gt;
  &lt;div class='veList'&gt;
    &lt;table border='0' cellpadding='0' cellspacing='0'&gt;&lt;tr&gt;
      &lt;td&gt;&lt;a href='javascript:z1.onclick()'&gt;&lt;img src='images/fhList1.jpg'&gt;&lt;/a&gt;&lt;/td&gt;
      &lt;td&gt;&lt;a href='javascript:z1.onclick()'&gt;&lt;img src='images/fhList2.jpg'&gt;&lt;/a&gt;&lt;/td&gt;
      &lt;td&gt;&lt;a href='javascript:z1.onclick()'&gt;&lt;img src='images/fhList3.jpg'&gt;&lt;/a&gt;&lt;/td&gt;
      &lt;td&gt;&lt;a href='javascript:z1.onclick()'&gt;&lt;img src='images/fhList4.jpg'&gt;&lt;/a&gt;&lt;/td&gt;
      &lt;td&gt;&lt;a href='javascript:z1.onclick()'&gt;&lt;img src='images/fhList5.jpg'&gt;&lt;/a&gt;&lt;/td&gt;
      &lt;td&gt;&lt;a href='javascript:z1.onclick()'&gt;&lt;img src='images/fhList6.jpg'&gt;&lt;/a&gt;&lt;/td&gt;
      &lt;td&gt;&lt;a href='javascript:z1.onclick()'&gt;&lt;img src='images/fhList7.jpg'&gt;&lt;/a&gt;&lt;/td&gt;
      &lt;td&gt;&lt;a href='javascript:z1.onclick()'&gt;&lt;img src='images/fhList8.jpg'&gt;&lt;/a&gt;&lt;/td&gt;
      &lt;td&gt;&lt;a href='javascript:z1.onclick()'&gt;&lt;img src='images/fhList9.jpg'&gt;&lt;/a&gt;&lt;/td&gt;
      &lt;td&gt;&lt;a href='javascript:z1.onclick()'&gt;&lt;img src='images/fhList10.jpg'&gt;&lt;/a&gt;&lt;/td&gt;
    &lt;/tr&gt;&lt;/table&gt;
  &lt;/div&gt;
  &lt;div class='veHL'&gt;&lt;/div&gt;
&lt;/div&gt;</pre>
  </td></tr>
  <tr><th>Javascript</th></tr>
  <tr><td>
<pre>&lt;script type='text/javascript'&gt;
  var z1Dp=new Array(&quot;&lt;img src='images/fhList1.jpg'&gt;&quot;,
                     &quot;&lt;img src='images/fhList2.jpg'&gt;&quot;,
                     &quot;&lt;img src='images/fhList3.jpg'&gt;&quot;,
                     &quot;&lt;img src='images/fhList4.jpg'&gt;&quot;,
                     &quot;&lt;img src='images/fhList5.jpg'&gt;&quot;,
                     &quot;&lt;img src='images/fhList6.jpg'&gt;&quot;,
                     &quot;&lt;img src='images/fhList7.jpg'&gt;&quot;,
                     &quot;&lt;img src='images/fhList8.jpg'&gt;&quot;,
                     &quot;&lt;img src='images/fhList9.jpg'&gt;&quot;,
                     &quot;&lt;img src='images/fhList10.jpg'&gt;&quot;
                     );
  var z1=new iscl.FhListCtrl(window,'z1',false,z1Dp,0,
              listSelect,null,250,[50,80,95,105,102],1,true);
&lt;/script&gt;</pre>
  </td></tr>
</table>