分享一个jquery写的类似于百度的搜索框,(可动态配置,可单列或者table格式,可填充数据)

需求:类似于百度的搜索框,可配置,可单列可table格式,可填充数据.页面可多次使用,简单,易用. 想法:使用jquery,css,ajax,前台调用,后台返回json数据. jquery代码: var highLightIndex = -1; var list;var trBgHover, trBgKey;var define = { processKeyup: function (event) { var id = $(this).attr("id"); var keyCode =…

分享一个自己写的MVC+EF “增删改查” 无刷新分页程序

分享一个自己写的MVC+EF “增删改查” 无刷新分页程序一.项目之前得添加几个组件artDialog.MVCPager.kindeditor-4.0.先上几个效果图. 1.首先建立一个数据库,添加一个Peoples表之后在项目中右键添加“新建项”,选择你刚才建立的数据库和表. 2.加完之后项目中会有个Peoples.edmx,这里面包括数据上下文和实体属性. 3.在Controllers右键添加“PersonController.cs”,选择强类型视图,生成对应的…

分享一个c#写的开源分布式消息队列equeue

分享一个c#写的开源分布式消息队列equeue 前言 equeue消息队列中的专业术语 Topic Queue Producer Consumer Consumer Group Broker 集群消费广播消费消费进度(offset) equeue是什么? 关键问题的思考 1.producer,broker,consumer三者之间如何通信 2.消息如何持久化 3.producer发送消息时的消息路由的细节 4.consumer负载均衡如何实现 5.如何实现实时消息推送 6.如何处理消息消费失…

Jquery实现类似百度的搜索框

最近工作中需要做一个搜索框,类似百度的搜索框,需要达到两个功能: 1.输入关键字,展示匹配的下拉列表 2.选择匹配的项后查出相关内容一般电商网站中也经常用到该搜索条,首先分析功能实现,输入关键字马上显示匹配项列表,实现该功能输入框需要绑定"input"事件,然后向后台发送异步请求,将数据展示在页面上.使用鼠标或上下键选择匹配项,点击搜索或"Enter"键后搜索具体结果.这里要用到两个异步请求,第一个请求匹配项,第二个请求搜索结果.键盘,鼠标以及输入框的事件都要监听…

ajax+JQuery实现类似百度智能搜索框

最近再学习ajax,上课老师让我们实现一个类似百度首页实现搜索框的功能,刚开始做的时候没有一点头绪,查阅大量网上的资源后,发现之前的与我们现在的有些区别,所以在此写出来,希望能对大家有所帮助. 下面先展示下效果图:(ps:图片中的文字是参考的,不具有任何的攻击意义) 项目的目录结构: 一:首先是login.jsp页面需要注意的是我是通过js的类库(Jquery)封装的ajax,需要在webcontent下面导入jquery jar包,代码如下: <%@ page language="ja…

雷林鹏分享：jQuery EasyUI 表单 - 格式化下拉框

jQuery EasyUI 表单 - 格式化下拉框本教程向您展示如何创建一个简单的下拉框(Combobox),让它在下拉框中显示图片项.您可以在下拉框(combobox)上使用 formatter 函数来告诉它如何格式化每一个条目. 创建图像下拉框(Combobox) url="data/combobox_data.json" valueField="id" textField="text"> $('#cc').combobox({ fo…

js 百度云搜索框

// ==UserScript==// @name 百度云插件+APIKey// @namespace // @version 5.0.2.1// @description 在百度云网盘的页面添加一个搜索框,调用搜索API搜索所有公开分享文件// To add a search frame that calls some api for searching some public shared files in BaiduYun cloud netdisk. // @include /https…

【好程序员笔记分享】——iOS开发之使用TextField作为搜索框

-iOS培训,iOS学习-------型技术博客.期待与您交流!------------ iOS开发之使用TextField作为搜索框今天给大家带来一个新的技巧,比如平时我们要使用代码创建一个搜索框的时候,一般人都是直接使用系统自带的Searchbar创建,然后设置.今天刚好遇到这个问题,于是我也就屁颠屁颠的去做,结果怎么做都不能显示想要的效果. 最后我想到了一招,能不能使用其他的控件呢,我就想到了TextField,最后真的可以实现. 我想以后在其他的地铁肯定也可以用到,就想到把它封…

分享一个自己写的基于JQuery的一个Web背景切换的Demo

这个效果主要有两个特点: 1. 背景切换的渐变 2. 背景大小自适应 3. 背景自适应保持比例同时, 相对居中 js源码: (function ($) { $.fn.bgChange = function (options) { var defaults = { width: 1920, height: 1080, changeRate: 3000, isLoadLimit: false, loadLimit: 10000, changed: function () { }, top: 0, l…

分享一个nodejs写的小论坛

引言:作为一个前端小菜鸟,最近迷上了node,于是乎空闲时间,为了练练手写了一个node的小社区,关于微信小程序的,欢迎大家批评指导. 项目架构部分一.前端架构作为一个写样式也得无聊的前端狮,我偷了个懒,直接用了bootstrap框架,由于jQuery封装的ajax极其友好,所以依然是jQuery,而没有选用angular之类的. 二.使用mongodb+node+express+nginx mongodb是菲关系型数据库,它的各种查询语句以及存储数据的方式跟js有点类似,所以对于没有学习过…

分享一个Jquery 分页插件 Jquery Pagination

分页插件来说,我觉得适用就行,尽量简单然后能够根据不同的应用场景能够换肤.展现形式等. 对于初学者想写分页插件的同学,也可以看下源码,代码也挺简单明了的,也助于自己写个小插件. 不过我比较懒,一般直接拿着各种插件用,想偷懒的同学们也可以用用看: Jquery Pagination 大家可以去这里查看下演示:http://www.xuetub.com/plugin/jquery/221 使用方法也比较简单: <div id="page2" class="m-paginat…

分享一个jQuery动态网格布局插件：Masonry(转)

在线演示 Masonry是一款非常强大的jQuery动态网格布局插件,可以帮助开发人员快速开发类似剪贴画的界面效果.和CSS中float的效果不太一样的地方在于,float先水平排列,然后再垂直排列,使用Masonry则垂直排列元素,然后将下一个元素放置到网格中的下一个开发区域.这种效果可以最小化处理不同高度的元素在垂直方向的间隙.如下: 在上图中大家可以看到,在网格布局中使用float来处理不同高度的元素会使得垂直方向的元素间间隔比较大,而使用Masonry处理后,间隔变小. Javas…

分享一个以前写的基于C#语言操作数据库的小框架

一:前言这个是以前写的操作MySQL数据库的小型框架,如果是中小型项目用起来也是很不错的,里面提供Filter.ModelPart.Relationship等机制实现操作数据库时的SQL语句的拼接和返回数据的转换功能: 对数据源的参数配置在启动工程的App.config里配置,后面有github的源码地址. 二:用法代码如下: class Program { static void Main(string[] args) { var result = DalManager.GetAllRec…

分享一个jquery插件,弥补一下hover事件的小小不足

hover事件有一个缺点:当你的鼠标无意划过一个dom元素(瞬间划过,这个时候用户可能不想触发hover事件),会触发hover事件应该设置一个时差来控制hover事件的触发比如jd左边的菜单你用鼠标瞬间划过他子菜单会弹出然后立即消失, 用户体验非常的不好. 易迅的菜单就没有这个问题 delayHover来解决这个问题啥也不说了先看调用………………………… 调用方式: var duration = 500;// 延迟500毫秒 $('#div1').delayHover(function…

分享一个JQuery弹出层插件

JQuery插件TipsWindown 1.1 一个基于jQuery的弹出层.支持拖拽,支持内容为文字,图片,URL等!至于兼容性.在IE6下,弹出对像无法绝对固定.其他应该没啥大问题: 最新更新:(2010-08-12):修正IE6下不能遮住下拉菜单的BUG,增加拖动时半透明效果. 应用演示弹出文本信息提示: 我是下拉菜单 tipsWindown("提示","text:提示信息内容","250","150","…

分享一个自己写的基于canvas的原生js图片爆炸插件

DEMO访问地址: https://bupt-hjm.github.io/BoomGo/博客地址: http://bupt-hjm.github.io/2016/07/10/boom/插件及使用方法地址: https://github.com/BUPT-HJM/BoomGo动画: 1.参考JQuery,支持链式调用 (function(window, undefined) { //... // A.prototype.init.prototype指向A.prototype boom.protot…

给大家分享一个jQuery TAB插件演示

jquery tab选项卡插件示例页面代码,使用jquery.tabs.js轻量级的tab选项卡插件来实现,并支持鼠标滑过.点击.自动切换.数据回调等功能,有的是点击切换,有的是鼠标滑过切换,自带了多个实例,代码完整,水平高的还可自己拿去扩展. 下载 …

分享一个自己写的基于TP的关系模型

为了说明问题,假设现在有表test1,test1有从表test2:test1属于test3,test1和test4多对多,关联表test1_test4. 1.定义关系 class Test1Model extends WdModel { public function test2(){ return $this->hasOne('Test2','test1_id'); } public function test3(){ return $this->hasMany('Test3','test1…

分享一个自己写的vue多语言插件smart-vue-i18n

前言目前有比较成熟的方案(vue-i18n)了解了下,并且实用了一下感觉对于我在使用的项目来说略显臃肿,功能比较多,所以压缩的会比较大,在移动端不太适合所以自己花一天时间撸了一个vue多语言插件,压缩后大小不超过2kb 使用方法通过Vue.js公开方法install安装,参数 lang 为初始化默认语言,参数 messages 为初始语言库,也可以在组件中新增多语言,语言库格式参照其他开源的国际化项目安装 github地址: smart-vue-i18n yarn add smart-vu…

分享一个jquery实现的双向选择组件

<html><head> <meta charset="utf-8"> <title>数据删选组件</title> <style type="text/css"> *{padding: 0px;margin: 0px;} html,body{width: 100%;height: 100%;font-family: "微软雅黑";background: #b1b1b1;} u…

分享一个css3写的气泡对话框,适合于即时通讯和留言本的动态内容

效果预览: css code .message_content{width:100%;margin-top:10px;clear:both;float:left;} .face{float:left;width:10%;} .face img{width:100%;max-width:60px;clear:both;} .message{float:left;background-color:#3F3;padding:10px;width:75%;margin-left:20px;margin-…