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>
|

