基于jquery的jqDnR拖拽溢出的修改

2016年07月27日 6 阅读

复制代码 代码如下: /* * jqDnR - Minimalistic Drag"n"Resize for jQuery. * * Copyright （c） 2007 Brice Burgess <bhb@iceburg.net>, http://www.iceburg.net/ * Licensed under the MIT License: * http://www.opensource.org/licenses/mit-licens...

基于Jquery制作的幻灯片图集效果打包下载

2016年07月27日 5 阅读

待改进部分 1.大图可根据浏览器分辨率自动缩放，目前是按照固定的宽和高显示，超出部分隐藏。 2.大图现在是直接载入了所有，若图片很多时，体验不好。可改为异步加载，或者延迟加载，这个可以用jquery控件lazyload实现。 3.缩略图是根据上传时设定的参数直接生成的，如果是竖形图片，会出现被压缩的情况。可以改为只显示局部，超出部分隐藏。 4.缩略图列表的滑动采用了jcarousellite插件，如果将幻灯片提取为插件的话，需要整合为一个。 5.目前大图区...

URL地址中的#符号使用说明

2016年07月27日 7 阅读

一般我们想让一个a标签点击后执行javascript代码，有以下几种写法： 方式一：<a href="#" onclick="alert（1）;">点击一</a> 这种方式的缺点就是点击后会在地址栏的URL后面加#号，同时把页面移动到顶部，一般不建议使用。方式二：<a href="javascript:void（0）;" onclick="alert（1）;">点击一</a> 这种方式避免了方式一的缺点，点击...

编写可维护面向对象的JavaScript代码[翻译]

2016年07月27日 6 阅读

Writing maintainable Object-Oriented （OO） JavaScript will save you money and make you popular. Don"t believe me？ Odds are that either you or someone else will come back and work with your code. Making that as painless an experienc...

JSDoc 介绍使用规范JsDoc的使用介绍

2016年07月27日 8 阅读

JsDoc Toolkit不久前发布了2.3.2版本，主要还是对前版本的修复。 如果你需要使用Ant，JsDoc还有一个Ant插件：JsDoc Toolkit Ant Task 下载JsDoc Toolkit2.3.2：http://jsdoc-toolkit.googlecode.com/files/jsdoc_toolkit-2.3.2.zip命令名描述 @param @argument 指定参数名和说明来描述一个函数参数 @returns 描述函数的...

javascript中删除指定数组中指定的元素的代码

2016年07月27日 5 阅读

函数如下： 复制代码 代码如下: foreach = function （obj, insp）{ if（obj== null && obj.constructor ！= Array）{ return []; } //obj是要处理的数组，obj==null 表示对象尚未存在；obj.constructor ！= Array 表示对象obj的属性的构造函数不是数组； //constructor属性始终指向创建当前对象的构造函数。两个条件均满足，则返回...

一些主流JS框架中DOMReady事件的实现小结

2016年07月27日 7 阅读

原来比较常用的是window的onload 事件，而该事件的实际效果是：当页面解析/DOM树建立完成，并完成了诸如图片、脚本、样式表甚至是iframe中所有资源的下载后才触发的。这对于很多 实际的应用而言有点太“迟”了，比较影响用户体验。为了解决这个问题，ff中便增加了一个DOMContentLoaded方法，与onload相比，该 方法触发的时间更早，它是在页面的DOM内容加载完成后即触发，而无需等待其他资源的加载。Webkit引擎从版本525（Webk...

AJAX 网页保留浏览器前进后退等功能

2016年07月27日 6 阅读

在一些AJAX被大量使用的页面，有时都不太敢刷新，因为刷新以后可能看到的是和原来有很大不同的页面。暂不讨论在某些页面内容大量更新的情况下是否该使用AJAX的问题，本文简单说一下保留浏览器前进、后退、刷新等功能。 这里假设一个有两个Tabs的页面，每个Tab中含有大量文字，可能还有图片。如果现在觉得Tab2的内容很好，把它加入收藏夹或发送给朋友。下次通过收藏夹打开或者朋友点开这个链接的时候很有可能看到的是Tab1的内容，然后需要鼠标再次点击Tab2才看到想要...

jquery uaMatch源代码

2016年07月27日 6 阅读

复制代码 代码如下: // Useragent RegExp rwebkit = /（webkit）[ /]（[w.]+）/, ropera = /（opera）（？:.*version）？[ /]（[w.]+）/, rmsie = /（msie） （[w.]+）/, rmozilla = /（mozilla）（？:.*？ rv:（[w.]+））？/, // Keep a UserAgent string for use with jQuery.brows...

jquery trim（） 功能源代码

2016年07月27日 8 阅读

复制代码 代码如下:// Used for trimming whitespace trimLeft = /^s+/, trimRight = /s+$/, // Use native String.trim function wherever possible trim: trim ？ function（ text ） { return text == null ？ "" : trim.call（ text ）; } : // Otherwise use...

jquery each（）源代码

2016年07月27日 6 阅读

复制代码 代码如下: // args is for internal usage only each: function（ object, callback, args ） { var name, i = 0, length = object.length, isObj = length === undefined || jQuery.isFunction（object）; if （ args ） { if （ isObj ） { for （ name i...

jquery isEmptyObject判断是否为空对象的函数

2016年07月27日 6 阅读

复制代码 代码如下: isEmptyObject: function（ obj ） { for （ var name in obj ） { return false; } return true; } 分析： 1.什么是对象：其实，在javascript中对象是一组“键/值”的组合，说白了就是数据集，表示属性和方法 jQuery 判断一个对象是否为空是使用for name in obj 来遍历对象中的属性名.如果一个对象有属性名则运行return fal...

jquery isType（） 类型判断代码

2016年07月27日 5 阅读

复制代码 代码如下: class2type = {}; toString = Object.prototype.toString; type: function（ obj ） { return obj == null ？ String（ obj ） : class2type[ toString.call（obj） ] || "object"; }, isFunction: function（ obj ） { return jQuery.type（obj） ...

基于jquery的图片的切换（以数字的形式）

2016年07月27日 5 阅读

具体的代码如下： 鼠标进入数字的时候添加了如下的CSS: 复制代码 代码如下: <style type="text/css"> .mouseOver { cursor:hand; border:1px solid red; } </style> 图片切换的JS代码如下： 复制代码 代码如下: <script src="Scripts/jquery-1.4.1.js" type="text/javascript"><...

AJAX分页的代码（后台asp.net）

2016年07月27日 6 阅读

在ASP.NET 中有很多数据展现的控件，比如用的最多的GridView，它同时也自带了分页的功能。但是我们知道用GridView来显示数据，如果没有禁用ViewState，页面的大小会是非常的大的。而且平时我们点击首页，下一页，上一页，尾页这些功能都是会引起页面回发的，也就是需要完全跟服务器进行交互，来回响应的时间，传输的数据量都是很大的。AJAX的分页可以很好的解决这些问题。 开发的坏境是：jQuery AJAX+Northwind。 具体的步骤： S...

JQuery 选择器、过滤器介绍

2016年07月27日 10 阅读

今日的学习再结合昨天的JavaScriptDOM的内容，让我对此十分清晰。JQuery原则：“write less, do more.”，这句话已充分说明它对简化使用JavaScriptDOM编程的功力！ 每位老师都有自己的教学方式，可能根据教授的内容的不同教学方式也有轻微的变化。老佟是一位非常有经验的软件教师，之前他在大连的软件公司做培训。经过多年的总结，他已经有自己一套成熟的教学方式。这个方式让我十分喜欢！至于是什么方式，你自己来体验吧！哈哈~~ 从学...

javascript实现的简易的DatePicker日历

2016年07月27日 6 阅读

jQ的ui有，YUI的widget里也有。而且也封装的结结实实，兼容性，通用性，都做得挺好。于是在代码完善的同时，代码量自然也不会少。即使建立在基础库之上，代码也是好几百行。 真正使用的时候可能并不需要这么完善的功能。咱们就写个简陋点的东西，够自己用就行了。 而且以前有朋友提出我发的东西都是一些娱乐货，没有什么实用性，这次就当是个开始，抛个砖，以后时不时发个带一些实用性的东东。 <！-- 以下demo没有什么出彩的地方，仅供有需要的朋友看看 --&g...

简单易用的基于jQuery版仿新浪微博向下滚动效果（附DEMO）

2016年07月27日 6 阅读

简单易用的jQuery 写的仿新浪微博 向下滚动效果 $（function（）{ var scrtime; $（"#con"）.hover（function（）{ clearInterval（scrtime）; },function（）{ scrtime = setInterval（function（）{ var $ul = $（"#con ul"）; var liHeight = $ul.find（"li:last"）.height（）; ...

JavaScript与Image加载事件（onload）、加载状态（complete）

2016年07月27日 5 阅读

昨天用jQuery插件aeImageResize，发现它更有优势：每张图片加载完后，会马上进行等比缩放。 这归于图片对象Image的加载事件onload的功劳。 查看插件的源码，发现它也依赖图片对象的complete属性和onload事件，并且特别把IE6区分对待，到底IE6在图片加载对象上，与其它浏览器有什么不同呢？ 看下文： 通过js操纵DOM很多情况下都是为了实现和当前页html元素的异步载入，我谈谈对Image对象的一些认识。 看个例子： 复制代码...

获取css样式表内样式的js函数currentStyle（IE）,defaultView（FF）

2016年07月27日 6 阅读

可是DOM.style这种写法只能访问<DOM style=""></DOM>，这样在标签里内置的样式，如果样式写在<style type="text/css"></style>，或者.css文件里，那么就办法读到样式了。 其实呢，还有别的方法可以读到这些样式信息，方法有两种，一种是通过document.styleSheets对象，另一种是通过“最终样式”对象。其中 IE中这个对象叫做currentStyle...