您的位置:首页 > 其它

当前选中 底色切换

2015-08-13 15:57 567 查看


<script>判断

<php>if($_GET['type']=='2'){</php>
<script>
$(function(){

$('.found_ulli ul li').eq(1).css({'border-bottom':'2px solid #de398b'})
$('.found_ulli ul li').eq(1).css({'background-color':'#fff'})
$('.found_ulli ul li').click(function(){

$('.found_ulli ul li').css({'border-bottom':'0'})
$('.found_ulli ul li').css({'background-color':'#f9f9f9'})
$('.found_ulli ul li a').css({'color':'#313131'})
$(this).css({'border-bottom':'2px solid #de398b'})
$(this).css({'background-color':'#fff'})
$(this).children('a').css({'color':'#ea4c88'})
})

})
</script>
<php>}elseif($_GET['type']=='3'){</php>
<script>
$(function(){

$('.found_ulli ul li').eq(2).css({'border-bottom':'2px solid #de398b'})
$('.found_ulli ul li').eq(2).css({'background-color':'#fff'})
$('.found_ulli ul li').click(function(){

$('.found_ulli ul li').css({'border-bottom':'0'})
$('.found_ulli ul li').css({'background-color':'#f9f9f9'})
$('.found_ulli ul li a').css({'color':'#313131'})
$(this).css({'border-bottom':'2px solid #de398b'})
$(this).css({'background-color':'#fff'})
$(this).children('a').css({'color':'#ea4c88'})
})

})

</script>
<php>}elseif($_GET['type']=='4'){</php>
<script>
$(function(){

$('.found_ulli ul li').eq(3).css({'border-bottom':'2px solid #de398b'})
$('.found_ulli ul li').eq(3).css({'background-color':'#fff'})
$('.found_ulli ul li').click(function(){

$('.found_ulli ul li').css({'border-bottom':'0'})
$('.found_ulli ul li').css({'background-color':'#f9f9f9'})
$('.found_ulli ul li a').css({'color':'#313131'})
$(this).css({'border-bottom':'2px solid #de398b'})
$(this).css({'background-color':'#fff'})
$(this).children('a').css({'color':'#ea4c88'})
})

})

</script>
<php>}else{</php>
<script>
$(function(){

$('.found_ulli ul li').eq(0).css({'border-bottom':'2px solid #de398b'})
$('.found_ulli ul li').eq(0).css({'background-color':'#fff'})
$('.found_ulli ul li').click(function(){

$('.found_ulli ul li').css({'border-bottom':'0'})
$('.found_ulli ul li').css({'background-color':'#f9f9f9'})
$('.found_ulli ul li a').css({'color':'#313131'})
$(this).css({'border-bottom':'2px solid #de398b'})
$(this).css({'background-color':'#fff'})
$(this).children('a').css({'color':'#ea4c88'})
})

})

</script>

<php>}</php>


html

<div class="found_ulli">

<ul>
<a href="{:U('find','type=1&keyword='.$keyword.'&catid='.$catid.'&brand_id='.$brand_id.'&user_per='.$user_per)}"> <li class="fu_1">
<span class="fu_11">默认</span>
<img src="{:CUSTOM_TEMPLATE_PATH}Index/index/img/faxian_1.png" width="16">
</li></a>
<a href="{:U('find','type=2&keyword='.$keyword.'&catid='.$catid.'&brand_id='.$brand_id.'&user_per='.$user_per.'&order='.$order)}" onclick="switchPic()" > <li class="fu_2"  >
<span class="fu_22" >销量</span>
<img src="{:CUSTOM_TEMPLATE_PATH}Index/index/img/faxian_2.png" width="16">
</li></a>
<a href="{:U('find','type=3&keyword='.$keyword.'&catid='.$catid.'&brand_id='.$brand_id.'&user_per='.$user_per.'&order='.$order)}"><li class="fu_3">
<span class="fu_33">价格</span>
<img src="{:CUSTOM_TEMPLATE_PATH}Index/index/img/faxian_3.png" width="13">
</li></a>
<a href="{:U('find','type=4&keyword='.$keyword.'&catid='.$catid.'&brand_id='.$brand_id.'&user_per='.$user_per.'&order='.$order)}"> <li class="fu_4">
<span class="fu_44"><!--评价-->人气</span>
<img src="{:CUSTOM_TEMPLATE_PATH}Index/index/img/faxian_2.png" width="16">
</li></a>
</ul>
<div class="clearfix"></div>
</div>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: