当前选中 底色切换
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>
相关文章推荐
- 解决centos netstat和ps感染木马
- function, method, unbound_method, bound_method
- meta标签中的http-equiv属性使用介绍
- C++内存分配方式详解——堆、栈、自由存储区、全局/静态存储区和常量存储区
- Linux上 安装JDK环境变量配置 新手必备
- js实现仿网易点击弹出提示同时背景变暗效果
- Dubbo源码分析——扩展点机制
- 用ant实现java项目的自动构建和部署
- 控制翻转(IOC)与 依赖注入 (DI)
- LoadRunner脚本 《第二篇》
- 【NOI2015】【软件包管理器】【树链剖分】
- hdu 1754__I Hate It
- 数组不初始化的默认值
- android SQLite使用SQLiteOpenHelper类对数据库进行操作
- 在Android中applicationId与package name的那些事
- ASP入门(八)-Request对象
- poj 3020 Antenna Placement(最小路径覆盖 + 构图)
- From 《Soft Skill》——Chapter 69. My personal success book list
- 解析json字符串:eval
- Win10 Mobile预览版10512最新功能 Gif照片已支持512MB内存机型