jquery实现多条件筛选特效

来源:https://www.sucaihuo.com/js/1891.html 2017-05-05 20:14浏览(1173) 收藏

此作品是一款实用性非常大的jquery特效,主要用来多条件筛选结果,应用场景比较广,比如电子商务、人才网啊、酒店入住、房地产之类的网站平台都可以直接用上,这款作品主要用在酒店网站平台上,配合了漫画原创时间插件使用,网友们好好利用哦。。。
jquery实现多条件筛选特效
分类:其它特效 > jQuery插件 难易:
查看演示 下载资源 下载积分: 20 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

首先引用文件

<link rel="stylesheet" type="text/css" href="style/list.css">
<link rel="stylesheet" type="text/css" href="style/manhuaDate.1.0.css">
<!--日期控件,JS库版本不能过高否则tab会失效-->
<script type="text/javascript" src="JS/jquery-1.5.1.js"></script>
<script type="text/javascript" src="JS/datejs.js"></script>
<script type="text/javascript" src="JS/ui.tab.js"></script>

包括了以下功能: 1、jquery时间插件 2、多条件筛选 3、显示隐藏层 4、选项卡插件 5、单选按钮和复选框的使用

$(function (){
	$("input.mh_date").datejs({					       
		Event : "click",//可选				       
		Left : 0,//弹出时间停靠的左边位置
		Top : -16,//弹出时间停靠的顶部边位置
		fuhao : "-",//日期连接符默认为-
		isTime : false,//是否开启时间值默认为false
		beginY : 2010,//年份的开始默认为1949
		endY :2015//年份的结束默认为2049
	});
	
});
$(document).ready(function(e) {
                        $("#selectList").find(".more").toggle(function(){
							$(this).addClass("more_bg");
							$(".more-none").show()
                    },function(){
						$(this).removeClass("more_bg");
						$(".more-none").hide()
						});
					});
$(document).ready(function(){
			var taboy_box=$(".lefttable-list");
			taboy_box.children("tbody").find("tr:gt(2)").hide(); 
			$(".leftbox-morea").toggle(function(){
				$(this).parent().prev().find("tr").show();
				$(this).addClass("more-i")
			},function(){
				$(this).removeClass("more-i");
				$(this).parent().prev().children("tbody").find("tr:gt(2)").hide(); 
			}
			);
		});
标签: 条件筛选
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2