博客的前某一篇文章中//www.gxlcms.com/article/35175.htm写过一个用Ajax来实现一个文本框输入的提示功能。最近在一个管理项目的项目中，使用后发现，真的反应很慢，数据量很大的情况下使用Ajax去实现真的不合适，于是，我又写了一个使用Jquery来实现方法。 废话不多说，上图上代码: 引用方式： 代码如下:<body style="background-color: White;"> <form id="form1" runat="server"> <div id="filter_stationType"></div> <div c...
1.样式引用：代码如下: <link rel="stylesheet" href="~/Js/Ddl_Chosen/chosen.css" />2.由于应用了Jquery，所以引用Jquery。(下载地址)代码如下: <script src="<%= ResolveUrl("~/Js/Jquery.js")%>" type="text/javascript"></script>3.相关Js配置代码如下: <asp:DropDownList ID="ddlCountry" runat="server" data-placeholder="Choose a Country..." Width="200px" class="chzn-select"> ...
当页面需要显示的内容较多时，我们很多人采用分页的方法解决。 而有的时候，分页的效果却又是非常令人厌恶的。滚动条无疑是一种简单而又高效的一种方式。而这里，处于对用户体验的考虑，我使用Jquery实现了一种类似“滚动停靠”的效果。这样当我们向下滚动内容的时候，搜索框会“悬挂（停靠）”在窗口顶端。 这样做的好处是，当用户需要重新筛选内容的时候，不必再次向上滚动，随时可以输入条件进行搜索。 以下是我实现这个效果的思...
因公司需要做一个仿百度搜索框,并且带Value值的, 网上找了下只有Text, 都没带Value的 所以做了个. 直接贴代码。 代码如下:(function($) { var timeid; var lastValue; var options; var c; var d; var t; $.fn.autoComplete = function(config) { c = $(this); var defaults = { width: c.width(), //提示框的宽度 默认跟文本框一样 maxheight: 150, //提示框的最大高度 top: 6, //与文本框的上下距离 url: "", //ajax 请求地址 t...
用$.fn.searchbox.defaults重写defaults。依赖 menubutton 用法示例 创建SearchBox 1. 从标记创建。把 easyui-searchbox 类加入到<input/>标记。 代码如下:<script type="text/javascript"> function qq(value,name){ alert(value+":"+name) } </script> <input id="ss" class="easyui-searchbox" searcher="qq" prompt="Please Input Value" menu="#mm" style="width:300px"></input> <div id="mm" style="width:120px"> <div na...
先看看整个的效果图：图一： 图二： 图三： 图四： 大概的效果图就这样，接下来直接看源码页面： 代码如下:<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="autoSearch._Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <t...
autopoint.js代码: 代码如下:/* * @date: 2010-5-22 21:42:15 * @author: 胡灵伟 * Depends: * jquery.js * * function:类似GOOGLE搜索框提示功能 */ (function($) { $.fn.autopoint = function (options) { defaults = { url:options.url, keyLeft : 37,//向左方向键 keyUp : 38,//向上方向键 keyRight : 39,//向右方向键 keyDown : 40,//向下方向键 keyEnter : 13,//回车键 listHoverCSS : jhover,//提示框列表鼠标悬浮的样式 t...
文本框中创建默认文本提示 通常用户在搜索内容时，在文本框输入内容前，文本框都会给出默认提示，提示用户输入正确的内容进行搜索。 当文本框获得焦点，如果文本框内容跟提示内容一样，提示内容会自然消失。 当文本框没有任何值并失去焦点，文本框内容会重新生成默认提示。 为了实现上面的需求，代码如下：代码如下:<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Web.Default" %><!DOCTY...
本文主要分享了jQuery和HTML5弹出创意搜索框层的实例代码。具有一定的参考价值，下面一起来看下吧本效果适用于移动设备，可以使用手机等浏览效果。HTML代码如下：<!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>jQuery...
我想在我的ASP.NET MVC 3应用程序中添加一个类似于Google搜索框的即时搜索框.也就是说,作为搜索框中的一种类型,应用程序应自动显示相应的搜索结果,并在框下方显示带有建议的下拉菜单.还应该有一个清除框的控件(Google搜索框右侧的X). 我是网络应用程序开发的新手,但我猜Javascript是必需的.我们将在这个项目中使用jQuery,虽然我们还没有添加任何Javascript. 那么如何实现上面指定的搜索框UI呢？是否有一些现成的jQuery组件？解决方...