广泛收集的jQuery拖放插件集合

2016年07月27日 6 阅读

今天分享给大家一些非常棒的的jQuery插件拖放功能。有了这些插件，你会允许你的访问者个性化的网站和它的工具，根据自己的需要，并以这种方式，你提供定制选项的负载展现方式jQuery mb.containerPlus（演示|下载）在建立功能齐全，完全可换肤的容器，这是一个有用的插件。容器可以设置拖动，调整大小，可折叠和可最小化。jQuery的卷轴插件（演示|下载）卷轴是一个jQuery插件，它需要一个图片标签，使现场的“投影”的预建动画帧序列。其目的是要提供...

JQuery学习笔录 简单的JQuery

2016年07月27日 6 阅读

JQuery简介 普通JavaScript的缺点：每种控件的操作方式不统一，不同浏览器下有区别，要编写跨浏览器的程序非常麻烦。因此出现了很多对JavaScript的封装库，比如Prototype、Dojo、ExtJS、JQuery等，这些库对JavaScript进行了封装，简化了开发。这些库是对JavaScript的封装，也就是咱们调用JQuery的一句函数，JQuery内部这句函数帮我们调用JavaScript中的代码几十句，因为JQuer...

跟我一起学JQuery插件开发

2016年07月27日 6 阅读

在逛codeproject网站的时候，突然看到一篇文章：How to write plugin in Jquery. 如果对E文好的同学 ，可以看上面的连接。现在我把上面网站的及结合自己的想法写这篇文章。希望能得到大牛们的支持和谅解。。。大鸟飞过。。。欢迎拍装。来源： 【1】How to write plugin in Jquery.【2】锋利的JQuery 书【3】RascallySnake的JQuery.extend（）详解一.介绍 插件编写的目的是给...

idTabs基于JQuery的根据URL参数选择Tab插件

2016年07月27日 5 阅读

为了做这件事，除了jquery库和idTabs插件，我们还需要下载一个用来搞URL的插件：jquery.url.js，传送门：https://github.com/allmarkedup/jQuery-URL-Parser （上述链接可能有错，如不能使用，可以到这里下载） 脚本之家提供idtabs打包下载 http://www.jb51.net/jiaoben/43086.htmlTab菜单的HTML代码这样写，每个tab的div自己搞定，不发出来浪费页面...

js漂浮广告实现代码（合集经典） 符合W3C

2016年07月27日 8 阅读

第一种 漂浮广告 不符合W3CJavaScript漂浮广告代码，很不错，代码精简，不过一次只有漂一个，复制就能用了。希望站长朋友喜欢。 漂浮广告 var x = 50,y = 60 var xin = true, yin = true var step = 1 var delay = 10 var obj=document.getElementById（"codefans_net"） function float（） { var L=T=0 v...

扩展JavaScript功能的正确方法（译文）

2016年07月27日 5 阅读

早上看到《JavaScript 每周导读》【第三期】一文，里面发现一篇文章（Extending JavaScript – The Right Way），觉得还不错，翻译过来跟大家共享，本文并不是逐字逐句进行翻译，尽量说得通俗易懂。原文地址：Extending JavaScript – The Right Way以下是译文 JavaScript已经内置了很多强大的方法，但有时你需要的某个功能在内置的方法中没有，我们怎么来优雅地扩展JavaScript功能...

JavaScript单元测试ABC

2016年07月27日 7 阅读

前言 当前,在软件开发中单元测试越来越受到开发者的重视,它能提高软件的开发效率,而且能保障开发的质量。以往，单元测试往往多见于服务端的开发中，但随着Web编程领域的分工逐渐明细，在前端Javascript开发领域中，也可以进行相关的单元测试，以保障前端开发的质量。 在服务器端的单元测试中，都有各种各样的测试框架，在JavaScript中现在也有一些很优秀的框架，但在本文中，我们将自己动手一步步来实现一个简单的单元测试框架。 JS单元测试有很多方...

window.parent与window.openner区别介绍

2016年07月27日 6 阅读

今天总结一下js中几个对象的区别和用法： 首先来说说 parent.window与top.window的用法 "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转 举例说明： 如果A,B,C,D都是jsp，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写 "windo...

jQuery UI Dialog 创建友好的弹出对话框实现代码

2016年07月27日 6 阅读

主要参数 jQuery UI Dialog常用的参数有： 1、autoOpen：默认true，即dialog方法创建就显示对话框 2、buttons：默认无，用于设置显示的按钮，可以是JSON和Array形式: {"确定":function（）{},"取消":function（）{}} [{text:"确定", click: function（）{}},{text:"取消",click:function（）{}}] 3、modal：默认false，是否模态...

深入理解JavaScript系列（14） 作用域链介绍（Scope Chain）

2016年07月27日 6 阅读

前言 在第12章关于变量对象的描述中，我们已经知道一个执行上下文 的数据（变量、函数声明和函数的形参）作为属性存储在变量对象中。 同时我们也知道变量对象在每次进入上下文时创建，并填入初始值，值的更新出现在代码执行阶段。 这一章专门讨论与执行上下文直接相关的更多细节，这次我们将提及一个议题——作用域链。 英文原文：http://dmitrysoshnikov.com/ecmascript/chapter-4-scope-chain/ 中文参考：http://...

深入理解JavaScript系列（15） 函数（Functions）

2016年07月27日 5 阅读

介绍 本章节我们要着重介绍的是一个非常常见的ECMAScript对象——函数（function）,我们将详细讲解一下各种类型的函数是如何影响上下文的变量对象以及每个函数的作用域链都包含什么，以及回答诸如像下面这样的问题：下面声明的函数有什么区别么？（如果有，区别是什么）。 原文：http://dmitrysoshnikov.com/ecmascript/chapter-5-functions/ 复制代码 代码如下: var foo = function （...

深入理解JavaScript系列（16） 闭包（Closures）

2016年07月27日 6 阅读

介绍 本章我们将介绍在JavaScript里大家经常来讨论的话题 —— 闭包（closure）。闭包其实大家都已经谈烂了。尽管如此，这里还是要试着从理论角度来讨论下闭包，看看ECMAScript中的闭包内部究竟是如何工作的。 正如在前面的文章中提到的，这些文章都是系列文章，相互之间都是有关联的。因此，为了更好的理解本文要介绍的内容，建议先去阅读第14章作用域链和第12章变量对象。 英文原文：http://dmitrysoshnikov.com/ecmasc...

jquerymobile checkbox及时刷新才能获取其准确值

2016年07月27日 7 阅读

解决办法： 复制代码 代码如下: $（"input[type="checkbox"]"）.bind（"click",function（） { $（this）.prop（"checked"）.checkboxradio（"refresh"）; // 绑定事件及时更新checkbox的checked值 }）; 如果要用js去改变checkbox的值时也要及时刷新。 复制代码 代码如下: $（"input [type="checkbox"]"）.attr（"c...

dtree 网页树状菜单及传递对象集合到js内，动态生成节点

2016年07月27日 6 阅读

在winform端，树状菜单是非常有用的，实现这个是非常便捷的，所以我想到在页面放入一个树状菜单的。我选择了dtree这个工具，网络上还有很多方法实现页面树状菜单的，不过我觉得这个比较好用的，而且配置比较简单，运用上上手很快。dtree是纯js的，所以不用导入jar包，并且配置只要在js内配置就好了。而且现在网络上有很多高手修改后的改良版，加了checkbox，更加方便。在开发过程中，最难的就是数据的交互的，因为dtree是纯js的，所以不存在和后台交互的...

JavaScript中的null和undefined解析

2016年07月27日 6 阅读

在JavaScript开发中，被人问到：null与undefined到底有啥区别？一时间不好回答，特别是undefined，因为这涉及到undefined的实现原理。于是，细想之后，写下本文，请各位大侠拍砖。总所周知：null == undefined但是：null ！== undefined 那么这两者到底有啥区别呢？请听俺娓娓道来...null这是一个对象，但是为空。因为是对象，所以 typeof null 返回 "object" 。null 是 Ja...

xScrollStick 跟随滚动条漂浮的JS特效

2016年07月27日 5 阅读

这是一个跟随滚动条漂浮的JS特效，就是说滚动条滚动而元素相对屏幕位置不变 网上有很多类似的效果，本代码比较起来有如下优点： 1. 兼容IE6.0+ & FF1.5+ 2. 使用非常简单，属于菜鸟最爱的那种拿来就能用的，见下面说明 3. 元素之间不会起冲突，一页中可以有n个特效，多元素使用无代码冗余 缺点有： 1. 只能在声明为xHTML的文档中使用 2. 元素最好放在body下 3. 滚动时不可避免的会有闪烁（已经比较轻微，但追求完美者可能觉得不爽） 使用...

javascript针对DOM的应用实例（一）

2016年07月27日 7 阅读

我相信可能大部分人来这里学javascript主要还是想用这个结合页面中的DOM元素做一些实际有用的交互效果。所以我这里只教大家最实际，最有用的javascript应用。但是前提大家最好有一些javascript或者jquery的编程的基础。好废话不多说了。 今天第一篇，就教大家如何用javascript获取页面中的dom元素。这个很重要。我会对照JQuery来讲。 如果页面中的元素是ID属性 <div id="dom"></div>...

javascript针对DOM的应用分析（二）

2016年07月27日 7 阅读

其实在原生的也JS也有这些属性。和JQ几乎相同但是比JQ少一些。但是用起来却比JQ麻烦一点。主要因为FF浏览器，因为FF会把你的换行也当做一个DOM元素。比如说 复制代码 代码如下: <div id = "dom"> <div></div> <div></div> </div> 我用原生的JS获取ID为dom的元素下的子元素。用我第一章说的方法就是var a = document.g...

javascript针对DOM的应用分析（三）

2016年07月27日 8 阅读

如果这个DOM元素没有样式也就谈不上操作了。2.我们也可以直接用JS动态的向html里写入DOM元素。 今天这章我们就讲这两个应用 （一）对html里现有的DOM元素进行操作。 我上面说了，对现有的DOM元素进行操作，无非就是对样式的操作。所以我们首先就要能获取这个DOM元素的样式。在讲获取DOM元素的样式之前。先要说下DOM元素的样式链接方式。有三种。 一是直接在html文档里写入样式例如 <div style="width:300px;heigh...

javascript针对DOM的应用分析（四）

2016年07月27日 5 阅读

下面我就写几个给大家看看 一，点击传参方法 复制代码 代码如下: <script> function tab（dom）{ var list = document.getElementById（"list"）.getElementsByTagName（"li"）; var con = document.getElementById（"con"）.getElementsByTagName（"div"）; for（var i=0;i<list....