原始碼

<h2>Slider VE Content Sample for Galio</h2>
<gallery widths="300px" heights="200px" perrow="2">
圖片:Slider.jpg
</gallery>
<table border=1>
  <tr><th class="tag">VE Tag</th></tr>
  <tr><td>
<pre>&lt;isee:slider skin=&quot;slider&quot; label=&quot;slider&quot;/&gt;</pre>
This VE tag appears in /demo/slider.jsp of ISEE Demo project
  </td></tr>
  <tr><th>Style</th></tr>
  <tr><td>
<pre>.ve1 {
  position:absolute;
  left:150px;
  top:60px;
  padding:0.5em 1em;
  background-color:#adf;
  border:2px solid #8bd;
  height:65px;
}
.ve1 .veLabel{
  font: bold 20px sans-serif;
  color: #479;
}
.ve1 .veValue{
  font: bold 20px sans-serif;
  color: #479;
  display:inline-block;
  vertical-align:top;
  padding-left:280px;
}
.ve1 .veWell{
  margin: 10px 0;
  background-color: #9ce;
  width:400px;
  height:20px
}
.ve1 .veKnob{
  -ant-highlight-color:transparent;
  display:block;
  position:relative;
  position: relative;
  top: -5px;
  border: 2px outset #69b;
  background-color: #eee;
  width:15px;
  height:26px
}
.ve1 .veKnob:focus{
  background-color: #f88;
}</pre>
  </td></tr>
  <tr><th>Structure</th></tr>
  <tr><td>
<pre>&lt;div id='z1' class='ve1'&gt;
  &lt;span class='veLabel'&gt;slider&lt;/span&gt;
  &lt;span class='veValue'&gt;&lt;/span&gt;
  &lt;div class='veWell'&gt;
    &lt;a class='veKnob' href='javascript:z1.onselect()'&gt;&lt;/a&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 z1=new iscl.SliderCtrl(window,'z1',null,null,null,0,0,0,0,true,null);
&lt;/script&gt;</pre>
  </td></tr>
</table>