原始碼

<h2>List VE Content Sample for Mozilla</h2>
<gallery widths="300px" heights="200px" perrow="2">
圖片:list1.jpg
圖片:list2.jpg
</gallery>
<table border=1>
  <tr><th class="tag">VE Tag</th></tr>
  <tr><td>
<pre>&lt;isee:list skin=&quot;listA&quot; name=&quot;listA&quot; items=&quot;&lt;%=listAItems%&gt;&quot; onSelect=&quot;listASelect&quot;/&gt;</pre>
This VE tag appears in /demo/list.jsp of ISEE Demo project
  </td></tr>
  <tr><th>Style</th></tr>
  <tr><td>
<pre>.ve1 {
  position:absolute;
  left:80px;
  top:30px;
}
.ve1 a{
  display:block;
  overflow:hidden;
  border:none;
  background-color:#317EF9;
  padding:5px;
}
.ve1 a:focus{
  background-color:#34FF45;
}</pre>
  </td></tr>
  <tr><th>Structure</th></tr>
  <tr><td>
<pre>&lt;div id='z1' class='ve1'&gt;
  &lt;table border='0' class='veList' cellpadding='0' cellspacing='10'&gt;
    &lt;tr valign='top'&gt;
      &lt;td&gt;&lt;a href='javascript:listA.onclick(0)'&gt;&lt;img src='images/listA01.png'&gt;&lt;/a&gt;&lt;/td&gt;
      &lt;td&gt;&lt;a href='javascript:listA.onclick(1)'&gt;&lt;img src='images/listA02.png'&gt;&lt;/a&gt;&lt;/td&gt;
      &lt;td&gt;&lt;a href='javascript:listA.onclick(2)'&gt;&lt;img src='images/listA03.png'&gt;&lt;/a&gt;&lt;/td&gt;
      &lt;td&gt;&lt;a href='javascript:listA.onclick(3)'&gt;&lt;img src='images/listA04.png'&gt;&lt;/a&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&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/listA01.png'&gt;&quot;,
                     &quot;&lt;img src='images/listA02.png'&gt;&quot;,
                     &quot;&lt;img src='images/listA03.png'&gt;&quot;,
                     &quot;&lt;img src='images/listA04.png'&gt;&quot;);
  var listA=new iscl.ListCtrl(window,'z1',1,4,z1Dp,-1,listASelect,null);
  listA.nav('up',&quot;listC&quot;);
  listA.nav('down',&quot;listB&quot;);
&lt;/script&gt;</pre>
  </td></tr>
</table>