西安三网合一网站建设/营销方式方案案例

本文实例讲述了jquery实现多条件筛选特效。分享给大家供大家参考。具体如下：

jquery实现的多条件搜索表单带日期选择表格表单效果源码，是一段实现了多个条件筛选搜索的特效代码，多条件拥有时间、地点、酒店位置及酒店名称等选项，同时在时间的输入表格中拥有时间选择功能，是一款非常实用的特效代码，值得大家学习。

运行效果图：                        -------------------查看效果 下载源码-------------------

小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。

为大家分享的jquery实现多条件筛选特效代码如下

$(document).ready(function(){

var tab = new $.fn.tab({

tabList:"#demo1 .ui-tab-container .ui-tab-list li",

contentList:"#demo1 .ui-tab-container .ui-tab-content"

});

var tab = new $.fn.tab({

tabList:"#demo1 .ui-tab-container .ui-tab-list2 li",

contentList:"#demo1 .ui-tab-container .ui-tab-content2"

});

});

$(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();

}

);

});

以上就是为大家分享的jquery实现多条件筛选特效代码，希望大家可以喜欢。