<div class="tab_box">
<div class="lyz_tab_left">
<div class="pro_con111">
<ul>
<li class="hover" id="one1" onclick="setTab('one',1,5)">学校掠影</li>
<li id="one2" onclick="setTab('one',2,5)">教师风采</li>
<li id="one3" onclick="setTab('one',3,5)">学生风采</li>
</ul>
</div>
<script type="text/javascript" language="javascript">// <![CDATA[
<!–
function setTab(name,cursel,n){
for(i=1;i<=n;i++){ var menu=document.getElementById(name+i); var con=document.getElementById("con_"+name+"_"+i); menu.className=i==cursel?"hover":""; con.style.display=i==cursel?"block":"none"; } } //–>
// ]]></script></div>
<div class="lyz_tab_right">
<div class="hover" id="con_one_1">
<div class="carousel">
<div class="jCarouselLite" id="demo-02"><!--?php endwhile;?-->
<!--?php endif; wp_reset_query(); ?--></div>
<div class="clear"></div>
</div>
<script type="text/javascript">// <![CDATA[
$(document).ready(function(){ $(‘#demo-02′).jCarouselLite({ btnPrev: ‘#prev-02′, btnNext: ‘#next-02′, auto: 800, speed: 2000 }); });
// ]]></script>
</div>
<div class="hover" id="con_one_2">
<div class="carousel">
<div class="jCarouselLite" id="demo-03">
<!--?php endwhile;?-->
<!--?php endif; wp_reset_query(); ?-->
</div>
<div class="clear"></div>
</div>
<!–-carousel end–->
<script type="text/javascript">// <![CDATA[
$(document).ready(function(){ $(‘#demo-03′).jCarouselLite({ btnPrev: ‘#prev-03′, btnNext: ‘#next-03′, auto: 800, speed: 2000 }); });
// ]]></script>
</div>
<div class="hover" id="con_one_3">
<div class="carousel">
<div class="jCarouselLite" id="demo-04">
<!--?php endwhile;?-->
<!--?php endif; wp_reset_query(); ?-->
</div>
<div class="clear"></div>
</div>
<script type="text/javascript">// <![CDATA[
$(document).ready(function(){ $(‘#demo-04′).jCarouselLite({ btnPrev: ‘#prev-04′, btnNext: ‘#next-04′, auto: 800, speed: 2000 }); });
// ]]></script>
</div>
</div>
<div class="clear"></div>
</div>
