Web前端 - 编程之家

jquery.pagination +JSON 动态无刷新分页实现代码

aspx页面:复制代码代码如下:<%@PageLanguage=\"C#\"AutoEventWireup=\"true\"CodeFile=\"SqlPage.aspx.cs\"Inherits=\"SqlPage\"%><!DOCTYPEhtmlPUBLIC\"-//W3C//DTDXHTML1.0Transitional//EN\"\"http://ww

作者：编程之家时间：2019-06-28

JS获取页面窗口大小的代码解读

本节代码主要使用了Document对象关于窗口的一些属性，这些属性的主要功能和用法如下。要得到窗口的尺寸，对于不同的浏览器，需要使用不同的属性和方法：若要检测窗口的真实尺寸，在Netscape下需要使用Window的属性；

作者：编程之家时间：2019-06-28

扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁

解决思路如下：首先，判断事件的当前节点，也就是jquery的currentTarget是否在target的包含中，即下面的扩展$.containsNode。然后，在调用hover的时候的mouseover和mouseout事件里判断currentTarget是否在target的包

作者：编程之家时间：2019-06-28

Jquery阻止事件冒泡 event.stopPropagation

描述：防止事件冒泡到DOM树上，也就是不触发的任何前辈元素上的事件处理函数。versionadded:1.0event.stopPropagation()我们可以用event.isPropagationStopped()来确定这个方法是否(在那个事件对象上)调用过了。这个

作者：编程之家时间：2019-06-28

jquery事件机制扩展插件 jquery鼠标右键事件

因为最近技术长进缓慢，也没高手带，只能靠自己了，所以想仿个WEBQQ来锻炼下自己。做之前最好先把必要的东西准备好。jquery其实本身的事件机制就很完善了，包括了单击，双击，鼠标移入，鼠标移出等。但是却少了一个做

作者：编程之家时间：2019-06-28

jquery事件机制扩展插件 jquery鼠标右键事件

jquery其实本身的事件机制就很完善了，包括了单击，双击，鼠标移入，鼠标移出等。但是却少了一个做事件。就是鼠标右击事件。当然大家也是直接用侦听鼠标按下事件，然后通过if来判断执行相应的函数。造成鼠标右击事件

作者：编程之家时间：2019-06-28

js 遍历对象的属性的代码

如：复制代码代码如下:Function.prototype.addMethod=function(methodName,func){if(!this.prototype[methodName]){this.prototype[methodName]=func;//给原型增加方法，此方法会影响到该类型的实例上}returnthis.pr

作者：编程之家时间：2019-06-28

调试Node.JS的辅助工具(NodeWatcher)

貌似在Windows平台下不支持fs.watchfile.我又不想使用IISNODE,所以我花了点时间写了个帮助调试的小工具.这个工具可以做到:监视主js文件下所有子目录相关文件的更改.有更改后重启Node进程可以将日志输出到此工具,便于

作者：编程之家时间：2019-06-28

jQuery LigerUI 使用教程表格篇(1)

第一个例子简介ligerGrid是ligerui系列插件的核心控件，用户可以快速地创建一个美观,而且功能强大的表格,支持排序、分页、多表头、固定列等等。支持本地数据和服务器数据(配置data或者url)支持排序和分页(包括Javasc

作者：编程之家时间：2019-07-13

formStorage 基于jquery的一个插件(存储表单中元素的状态到本地)

原理很简单,通过本地存储机制(userData或者localStorage),存储表单中元素的状态到本地.需要时可以把所存储的状态还原到表单元素上.

作者：编程之家时间：2019-07-13

基于JQUERY的多级联动代码

jquery.select.more.js复制代码代码如下:(function($){$.fn.doselectmore=function(settings){vardfop={namekey:\"name\",pnamekey:\"name\",idkey:\"id\",selectname:\"sel\",method:\"POST\",datatype:\"json\",pa

作者：编程之家时间：2019-07-13

jquery 操作日期、星期、元素的追加的实现代码

复制代码代码如下:<scriptlanguage=\"javascript\">$(document).ready(function(){functionshow(){varmydate=newDate();varstr=\"\"+mydate.getFullYear()+\"年\";str+=(mydate.getMonth()+1)+\"月\";str+=myd

作者：编程之家时间：2019-07-13

详解强大的jQuery选择器之基本选择器、层次选择器

jQuery允许开发者使用从CSS1到CSS3几乎所有的选择器，以及jQuery独创的高级而复杂的选择器。另外还可以加入插件使其支持XPath选择器，甚至开发者可以编写属于自己的选择器(即选择器插件，参考上篇：jQuery插件原来如

作者：编程之家时间：2019-07-13

JQuery操作表格(隔行着色,高亮显示,筛选数据)

查了些资料，写了4个Demo：1.隔行着色复制代码代码如下:$(\'#table1tr:odd\').addClass(\'odd\');$(\'#table1tr:even\').addClass(\'even\');

作者：编程之家时间：2019-07-13

一个JQuery操作Table的代码分享

复制代码代码如下:一、数据准备<tableid=\"table1\"><tr><th>文章标题</th><th>文章分类</th><th>发布时间</th><th>操作</th></tr><tr>&l

作者：编程之家时间：2019-07-13

jQuery 瀑布流绝对定位布局二(延迟AJAX加载图片)

瀑布流-绝对定位布局，与浮动布局的区别在于1.布局不一样：　　绝对定位：一个UL里面放置所有的绝对定位的LI；　　浮动布局：多个（一般三四个）UL分布放置LI；2.AJAX不一样　　绝对定位：只需要将请求来的JSON数据（

作者：编程之家时间：2019-07-13

jQuery-onload让第一次页面加载时图片是淡入方式显示

复制代码代码如下:$(\"#loadimg\").load(function(){//图片默认隐藏$(this).hide();//使用fadeIn特效$(this).fadeIn(\"5000\");})<divid=\"load\"class=\"loading\"><imgsrc=\"images/apple_3_bigger.jpg\"

作者：编程之家时间：2019-07-13

jQuery 瀑布流浮动布局一(延迟AJAX加载图片)

浮动布局:即HTML结构的列，是用浮动方式。一、功能分析：　　1.判断图片是否进入可视区域；　　2.用AJAX请求服务器数据；　　3.将数据播入到相应的列队；二、实现方法：　　给window的scroll事件l绑定一个处理函数：

作者：编程之家时间：2019-07-13

jquery.pagination.js 无刷新分页实现步骤分享

1.使用插件为jquery.pagination.js，如果没有这个js文件的话，我可以给发个。首先引用jquery.pagination.js（分页js），跟pagination.css（分页样式css）。2.页面js代码为复制代码代码如下:<scripttype=\"text/ja

作者：编程之家时间：2019-07-13

基于jQuery的倒计时实现代码

在线演示：http://demo.jb51.net/js/2012/mydaojishi/打包下载：mydaojishi_jb51核心代码：复制代码代码如下:$(function(){vartYear=\"\";//输入的年份vartMonth=\"\";//输入的月份vartDate=\"\";//输入的日期variRe

作者：编程之家时间：2019-07-13

uploadify 3.0 详细使用说明

使用：复制代码代码如下://绑定的界面元素<inputid=\'gallery\'type=\'file\'/>$(\"#gallery\").uploadify({设置参数，参数如下.});设置的属性：复制代码代码如下:id:jQuery(this).attr(\'id\'),//绑定的input

作者：编程之家时间：2019-07-13

基于jQuery的遍历同id元素并响应事件的代码

完整测试代码：复制代码代码如下:<!DOCTYPEhtmlPUBLIC\"-//W3C//DTDXHTML1.0Transitional//EN\"\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"><htmlxmlns=\"http://www.w3.org/1999/xhtml\

作者：编程之家时间：2019-07-13

jquery图片延迟加载前端开发技能必备系列

目前，主要的购物网站都采用了这种加载方式。今天在一个网友的站里发现一个图片延迟加载的插件，很好用，在这里介绍一下。先介绍一下图片延迟加载原理。我们需要先将图片的真实地址保存在一个自定义的属性中（属性名

作者：编程之家时间：2019-07-13

JS时间选择器兼容IE6,7,8,9

在线演示：http://demo.jb51.net/js/2012/js_date/复制代码代码如下:<html><head><title>Js日期选择器并自动加入到输入框中</title><metahttp-equiv=\"content-Type\"content=\"text/htm

作者：编程之家时间：2019-07-13

jquery 实现表单验证功能代码(简洁)

1.页面效果，自动提示验证信息...2.页面代码复制代码代码如下:<htmlxmlns=\"http://www.w3.org/1999/xhtml\"><head><title>表单验证页面</title><linkhref=\"../Scripts/themes/default/

作者：编程之家时间：2019-07-13

jquery 中多条件选择器,相对选择器,层次选择器的区别

一、Jquery常用的过滤选择器如下所示：1、:first，选取第一个元素，比如$(\"div:first\")选取第一个div元素2、:last，选取最后一个元素，比如$(\"div:last\")选取最后一个div元素3、:not(选择器)，选取不满足“选择器

作者：编程之家时间：2019-07-13

js+xml生成级联下拉框代码

需要默认选中时，定义一个变量varcityId=城市id下面是js代码复制代码代码如下:functionreadxml(){varXmlDoc=null;if(window.ActiveXObject){XmlDoc=newActiveXObject(\"Microsoft.XMLDOM\");XmlDoc.async=false;XmlD

作者：编程之家时间：2019-07-13

关于jquery ajax 调用带参数的webservice返回XML数据一个小细节

后来在一个不起眼的小站找到一个帖子，某个人的一个建议提醒了我。我原来的代码是这样写的：错误代码复制代码代码如下:$.ajax({type:\"post\",url:\"_service.asmx/getDataFromATable\",data:\"{tablename:temp}\",d

作者：编程之家时间：2019-07-13

基于jQuery的动态增删改查表格信息，可左键/右键提示原创自Zjmainstay

在线演示：http://demo.jb51.net/js/2012/jqueryAutoAddDeleteTableTr/jqueryAutoAddDeleteTableTr_leftClick.html//左键复制代码代码如下:<html><head><title>jQuery动态增删表格</titl

作者：编程之家时间：2019-07-13

JS多物体任意值链式缓冲运动

复制代码代码如下:<!DOCTYPEHTML><html><head><metahttp-equiv=\"content-type\"charset=\"utf-8\"/><metahttp-equiv=\"content-type\"content=\"text/html\"/><title>demo<

作者：编程之家时间：2019-07-13