模仿大众点评过滤框

原创 2015年07月09日 10:33:35

相关的js代码:

$('#control-part-1').click(function(){
                    $(this).css('backgroundColor','#fff');
                    $('#part-1').css('display','block');
                    $(this).siblings().css('backgroundColor','#eee');
                    $('#part-1').siblings('.right-part').css('display','none');
                });
                $('#control-part-2').click(function(){
                    $(this).css('backgroundColor','#fff');
                    $('#part-2').css('display','block');
                    $(this).siblings().css('backgroundColor','#eee');
                    $('#part-2').siblings('.right-part').css('display','none');
                });
                $('#control-part-3').click(function(){
                    $(this).css('backgroundColor','#fff');
                    $('#part-3').css('display','block');
                    $(this).siblings().css('backgroundColor','#eee');
                    $('#part-3').siblings('.right-part').css('display','none');
                });
                $('#control-part-4').click(function(){
                    $(this).css('backgroundColor','#fff');
                    $('#part-4').css('display','block');
                    $(this).siblings().css('backgroundColor','#eee');
                    $('#part-4').siblings('.right-part').css('display','none');
                });
我的:

大众点评的:


ionic-基于angularjs和javascript实用的顶部搜索过滤组件

最近看新闻,首先是乐视的资金危机,现在死乐视的裁员,好听点叫“末位淘汰”。 年关将至,不少员工在翘首期盼年终奖。然而也有一部分员工开始恐慌,因为不少企业一到年终都会纷纷忙着裁员。双十一期间,大家正疯狂...
  • u012979009
  • u012979009
  • 2016年12月02日 11:58
  • 1894

iOS 仿网易新闻框架

今天带来的是自定义的仿网易新闻框架,由于时间比较短,所以写的并不是很完美,也没有进行适配,直接用的iPhone7的屏幕尺寸 之前有朋友问我关于类似网易新闻框架的思路,网易新闻框架实现的思路其实是比较简...
  • Amydom
  • Amydom
  • 2016年11月04日 10:57
  • 382

纯CSS实现IOS开关效果

同事早上展示了一款没有使用js完全使用CSS实现的模仿IOS开关的效果,很有意思。在跟其交流了基本的思路后模仿实现了一下。 基本的原理 利用label与checkbox类型的input的关联关系(...
  • fendouzhe123
  • fendouzhe123
  • 2015年01月07日 11:55
  • 1157

使用Swiper框架模仿Swiper中文官网的效果Demo

核心代码如下: Swiper test * { margin: 0; padding: 0; ...
  • juhaotian
  • juhaotian
  • 2015年07月14日 10:00
  • 2912

C#实现过滤框

在数据量很大的时候,我们就需要用到过滤框,查找那些我们想要的内容。例如,ICD10诊断有接近2w条记录,医生在给病人下诊断的时候就需要使用过滤功能,查找到他们想要的诊断。这篇文章里,我们就讲一下如何实...
  • panliuwen
  • panliuwen
  • 2016年09月24日 22:20
  • 256

用jq实现仿百度搜索框

百度搜索框看似简单,但是涉及到了数据交互,如果能用vue来实现的话会简单很多,现在用jq模仿了一下,写的代码不是一般的多啊! 当然头部要引入jq了html部分 ...
  • luckylqh
  • luckylqh
  • 2017年04月23日 13:14
  • 3150

[百度搜索框Bootstrap模仿]

百度搜索框提示功能
  • qq_37977176
  • qq_37977176
  • 2017年12月03日 22:49
  • 124

android模仿QQ锁屏状态弹框

进过查询很多博主的文章来总结一下在锁屏状态下弹出消息对话框的问题 一,首先创建Activity进行Activity设置 public class Messagedialog extends Activ...
  • www512276460
  • www512276460
  • 2016年05月11日 16:17
  • 778

[JS]JS模拟Alert弹出框效果--自定义CSS样式

function alertMsg(msg, mode) { //mode为空,即只有一个确认按钮,mode为1时有确认和取消两个按钮 msg = msg || ''; ...
  • kajweb
  • kajweb
  • 2017年06月17日 23:33
  • 638

可输入过滤和直接选择的select控件

代码: "> "> .selectTab{ width: 726px; height: 43px; background-image: url(""); background-re...
  • gqltt
  • gqltt
  • 2014年11月11日 11:30
  • 2068
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:模仿大众点评过滤框
举报原因:
原因补充:

(最多只允许输入30个字)