控制样式 切换效果

//样式切换

<script type="text/javascript">

function tab(obj){

if(obj == 'kh'){

　　$(".t_on").removeClass('t_on');

　　$("#tal").addClass('t_on');

　　$("#marquePic11").html(1111);

}

if(obj == 'fy'){

　　$(".t_on").removeClass('t_on');

　　$("#tad").addClass('t_on');

　　$("#marquePic11").html(333);
　　}

}
</script>

<div class="title2"> <ul><li class="t_on" onclick="tab('kh')" id="tal">最新开户</li><li onclick="tab('fy')" id="tad"></a>最新返佣</a></li></ul</div>

<ul class="qie3">

<li class="first"><span>平台</span><span>客户</span><span>时间</span></li>

<div id="demo11">

<ul id="marquePic11" style="margin:0; border:0;">

</div>

 

 

// 隐藏显示

<li id="btn1" class="on"><a href="javascript:void(0);" >合作伙伴</a></li>
<li id="btn2"><a href="javascript:void(0);" >友情链接</a></li>

<script type="text/javascript">
/* 友情链接 合作作伴切换样式 2015-7-20 nonoleng */
$(document).ready(function(){
$("#url").hide();
$("#btn1").click(function(){

$("#partner").show();
$("#url").hide();
$(this).addClass("on");
$("#btn2").removeClass("on");
});
$("#btn2").click(function(){
$("#partner").hide();
$("#url").show();
$(this).addClass("on");
$("#btn1").removeClass("on");
});
});
</script>

<div class="link_list" id="partner">
<ul>
<style>
.li1 img{width: 159px; height :55px;}
</style>
{dede:flink row='24' type='image' titlelen="24" typeid="0"}
<li class="li1"> [field:link /]</li>
{/dede:flink}
</ul>
</div>

<div class="link_list" id="url">
<ul>
<style>
.li1 img{width: 159px; height :55px;}
</style>
{dede:flink row='24' type='image' titlelen="24" typeid="0"}
<li class="li1"> [field:link /]</li>
{/dede:flink}
</ul>
</div>