jquery怎么实现搜索框搜索功能

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery怎么实现搜索框搜索功能相关的知识,希望对你有一定的参考价值。

参考技术A jquery怎么实现搜索框搜索功能示例代码L:
(function($)
$.fn.Z_TMAIL_SIDER_V2 = function(options)
var opts = $.extend( , $.fn.Z_TMAIL_SIDER_V2.defaults, options);
var base = this;
var thisTitle = $(base).find('.allcategorys');
var Z_SubList = $(base).find('.sublist');
var navPosTop = $(base).offset().top;
var timeOut = null;

$(thisTitle).find('.title-item-hd a').hover(function(e)
clearTimeout(timeOut);
var thisLi = this;
if($(Z_SubList).is(':visible')) return;
showSubList(thisLi);
e.stopPropagation();
, function(e)
var thisLi = this;
timeOut = setTimeout(function()
hideSubList(thisLi);
, 100);

$(Z_SubList).hover(function(e)
clearTimeout(timeOut);
, function()
clearTimeout(timeOut);
timeOut = setTimeout(function()
hideSubList(thisLi);
, 100);
);
e.stopPropagation();
);

var showSubList = function(thisli)
var top = $(thisli).height() - opts.slideHeight;
$(thisli).addClass('curr').find('s').addClass('curr');
$(Z_SubList).css(top: top, opacity: 0).show().stop().animate(top: $(thisli).height(), opacity : 1);
;

var hideSubList = function(thisli)
$(thisli).removeClass('curr').find('s').removeClass('curr');
$(Z_SubList).hide();
;

$(window).resize(function()
var sTop = $(window).scrollTop();

if(sTop >= navPosTop)
if($.browser.msie && $.browser.version < 7)
$(base).css(position: 'absolute', top: sTop);
else
$(base).css(position: 'fixed', top: 0);

else
$(base).css(position: 'relative', top: 0);

);

$(window).scroll(function()
var sTop = $(window).scrollTop();

if(sTop >= navPosTop)
if($.browser.msie && $.browser.version < 7)
$(base).css(position: 'absolute', top: sTop);
else
$(base).css(position: 'fixed', top: 0);

else
$(base).css(position: 'relative', top: 0);

);
;

$.fn.Z_TMAIL_SIDER_V2.defaults =
slideHeight : 8
;
)(jQuery);本回答被提问者采纳

怎样用jquery实现新闻无闪动刷新,用js中工具箱2到3个控件,搜索文本框自动文本框自动填充完成

怎样用jquery实现新闻无闪动刷新,用js中工具箱2到3个控件,搜索文本框自动文本框自动填充完成

无刷新其实就是实现数据的异步加载,使得当前页面部分重新装载数据
然后你说的类似于百度的自动完成功能要用到第三方控件 仅仅只有VS自带的那些是不行的
其实自动完成功能也可以通过AJAX完成 你所说的都可以通过AJAX实现 你可以先去了解下AJAX 实在不会 再找我追问

关键是没时间了,这是个考查课的作业,马上要交的,你能不能指点一下

追答

要源码么

追问

额,有的话给我发一份把。谢谢了,2357057189@qq。com

追答

OK 那我就用一个html页面做你所需的两个需求啊

追问

谢了

追答

求采纳。。。拿人源码 怎么不采纳啊 我做的也实现了你的需求啊 擦

参考技术A 用ajax可以实现的,写个时间定时器,定时去执行ajax,获取最新的数据 参考技术B 你是南工 马老师的学生吧,这道题最好自己写,写不出来问老师

以上是关于jquery怎么实现搜索框搜索功能的主要内容,如果未能解决你的问题,请参考以下文章

JQuery的datatable里搜索功能怎么修改

怎么做百度搜索的下拉框?

使用jquery+ajax+php实现搜索框的功能

使用jquery select2实现下拉框搜索功能

怎样用jquery实现新闻无闪动刷新,用js中工具箱2到3个控件,搜索文本框自动文本框自动填充完成

实现搜索框自动提示功能(jquery+php)