基于JQuery的浮动DIV显示提示信息并自动隐藏

2017年02月06日 23 阅读

复制代码 代码如下: /** * 浮动DIV定时显示提示信息,如操作成功, 失败等 * @param string tips （提示的内容） * @param int height 显示的信息距离浏览器顶部的高度 * @param int time 显示的时间（按秒算）, time > 0 * @sample <a href="javascript:void（0）;" onclick="showTips（ "操作成功", 100, 3 ）;"&...

juqery 学习之五 文档处理 插入

2017年02月06日 23 阅读

append（content） 向每个匹配的元素内部追加内容。 这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。 -------------------------------------------------------------------------------- Append content to the inside of every matched element. This operation is s...

juqery 学习之五 文档处理 包裹、替换、删除、复制

2017年02月06日 23 阅读

wrap（html） 把所有匹配的元素用其他元素的结构化标记包裹起来。 这种包装对于在文档中插入额外的结构化标记最有用，而且它不会破坏原始文档的语义品质。 这个函数的原理是检查提供的第一个元素（它是由所提供的HTML标记代码动态生成的），并在它的代码结构中找到最上层的祖先元素－－这个祖先元素就是包裹元素。 当HTML标记代码中的元素包含文本时无法使用这个函数。因此，如果要添加文本应该在包裹完成之后再行添加。 ------------------------...

juqery 学习之六 CSS--css、位置、宽高

2017年02月06日 23 阅读

css（name） 访问第一个匹配元素的样式属性。 -------------------------------------------------------------------------------- Return a style property on the first matched element. 返回值 String 参数 name （String） : 要访问的属性名称 示例 取得第一个段落的color样式属性的值。 jQuery...

在vs2010中调试javascript代码方法

2017年02月06日 23 阅读

操作步骤如下： 1. javascript代码中插入：debugger，如下： <script type="text/javascript"> debugger; </script> 2.将IE浏览器中的“禁止脚本调试”这一项的勾给去掉。 然后在点击vs中的调试即可。...

JavaScript图片放大镜效果代码[代码比较简单]

2017年02月06日 23 阅读

#div1 { width:304px; height:222px; position:relative; margin:30px auto 0px;} #div1 img{width:304px; height:222px;} #div1 span { width:100px; height:100px; background:red; left:0px;top:0px; position:absolute; display:none; filt...

基于jquery的slideDown和slideUp做手风琴

2017年02月06日 20 阅读

手风琴 *{ padding:0; margin:0; } body{ background:#fafafa; font-size:12px; } .slider{ line-height:24px; width:700px; color:#7ecef4; margin:10px auto; background:#010e16; } .slider dt{ background:#f5f5d2; padding-left:30px; curso...

jQuery1.4.2与老版本json格式兼容的解决方法

2017年02月06日 23 阅读

原json文件内容为： { label: "Europe （EU27）", data: [[1999, 3.0], [2000, 3.9], [2001, 2.0], [2002, 1.2], [2003, 1.3], [2004, 2.5], [2005, 2.0], [2006, 3.1], [2007, 2.9], [2008, 0.9]] } 解决方法一： 改成标准的json格式，要求对字符串都使用""限定，修改后的内容为： { "label": ...

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

2017年02月06日 22 阅读

复制代码 代码如下: /* * 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制作的幻灯片图集效果打包下载

2017年02月06日 22 阅读

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

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

2017年02月06日 22 阅读

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

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

2017年02月06日 23 阅读

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的使用介绍

2017年02月06日 23 阅读

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中删除指定数组中指定的元素的代码

2017年02月06日 24 阅读

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

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

2017年02月06日 23 阅读

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

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

2017年02月06日 23 阅读

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

jquery uaMatch源代码

2017年02月06日 23 阅读

复制代码 代码如下: // 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（） 功能源代码

2017年02月06日 23 阅读

复制代码 代码如下:// 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（）源代码

2017年02月06日 20 阅读

复制代码 代码如下: // 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判断是否为空对象的函数

2017年02月06日 20 阅读

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