帕兰映像 » JavaScript

jQuery 1.4官方文档中文版

帕兰 — Sat, 20 Feb 2010 04:16:46 +0000

jquery 1.4已于一月多前发布，下面是来自coolnalu翻译的一份jQuery官方文档中文版，14 Days of jQuery的Day One, 详细介绍了jQuery 1.4各种更新和新特性。为了庆祝jQuery的四周岁生日, jQuery的团队荣幸的发布了jQuery javascript库的最新主要版本! 这个版本包含了大量的编程，测试，和记录文档的工作，我们为此感到很骄傲。

我要以个人的名义感谢 Brandon Aaron, Ben Alman, Louis-Rémi Babe, Ariel Flesler, Paul Irish, Robert Kati?, Yehuda Katz, Dave Methvin, Justin Meyer, Karl Swedberg, and Aaron Quint。谢谢他们在修复BUG和完成这次发布上所做的工作。

下载(Downloading)

按照惯例，我们提供了两份jQuery的拷贝，一份是最小化的(我们现在采用Google Closure作为默认的压缩工具了)，一份是未压缩的(供纠错或阅读)。

jQuery压缩 (23kb Gzipped)
jQuery常规 (154kb)

另外，Google也在他们的服务器上放置了一份jQuery的拷贝。这份拷贝会自动的最小化然后压缩 – 并且放在Google最快的缓存服务器上。

http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js

你可以在你的站点上直接引用上面的URL，这样就可以享受迅速加载jQuery的性能优势了。

就jQuery1.4来说，我们努力的减少大规模升级中的麻烦 – 通过保持所有public函数的签名。即使如此，还请下面可能会造成问题的变更列表，这样能够了解哪些变更可能会给你的应用造成问题。

(功能) Features

下面的内容概括了jQuery1.4里加入的变更和功能。另外所有的变更都已经在jQuery 1.4 的文档里记录了。

7个神奇的jQuery 3D插件

帕兰 — Fri, 19 Feb 2010 03:49:04 +0000

7个神奇的jquery 3D插件，让你可以实现一些媲美Flash的动画特效。

1. Flip HTML content in 3D

用jQuery实现的3D翻转效果，支持html内容的翻转。

2. Agile Carousel

3D效果的jQuery跑马灯特效。

3. Rotation

jQuery旋转3D特效。

4. Tag Cloud

使用jQuery创建的3D标签云。(...)
继续阅读 7个神奇的jQuery 3D插件

转载请注明: 来源于 7个神奇的jQuery 3D插件
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: jquery, jQuery插件, jQuery教程找到更多你可能喜欢的内容

30+最新强大jQuery插件和教程

帕兰 — Mon, 25 Jan 2010 10:25:39 +0000

jquery的广泛使用已经让人快忘记了其它javascript框架的存在，甚至有时候会忘记了jQuery是一个JS库，冒出“我不是在编写Javascript代码”，而是在编写“jQury代码”的愚蠢想法。

从长远来看，过度依赖于jQuery并不是件好事。但jQuery已侵蚀Web设计师的身心。说的夸张点，即使你不懂Javascript，你也可以学会jQuery的大部份使用。即使你不懂jQuery，你也可以使用它的无数插件创造出炫目的网页特效。

本文为你介绍30+最新强大jQuery插件和教程，在这之前，让我们之前本站发布的相关的jQury插件和教程文章:

更多请查看jQuery专栏。

教程

1. How to add preloader with loading image in a gallery using jQuery

在图像画廊载入过程中使用 jQuery 预加载技术。演示 | 教程

2. Simple Lava Lamp Menu Tutorial With jQuery

创建一个独特的熔岩灯动画效果的 jQuery 导航菜单。演示 | 教程

3. How To Create a 3D Tag Cloud in jQuery

使用 jQuery 创建类似 Flash 形式的 3D 标签云。演示 | 教程

4. Drag & Drop With jQuery

Web 应用程序的拖放功能提供了丰富的用户界面，了解如何使用 jQuery 来创建此种用户界面。演示 | 教程

5. Awesome Horizontal Animated menu using Kwicks for jQuery

使用 jQuery Kwicks 插件建立一个可定制的，灵活的横向动画菜单。演示 | 教程

6. Create a Thumbnail Gallery With Slick Heading & Caption effect

使用光标题和字幕效果创建缩略图画廊。演示 | 教程

7. Create an Attractive jQuery Menu with fade in and out effects

创建一个有吸引力的 jQuery 菜单，鼠标悬停时具有淡入背景效果。演示 | 教程

8. jQuery PHP AJAX Autosuggest

Autosuggest 是目前的 Web 应用程序中一个有用的功能。了解如何使用 jQuery 和 PHP 来创建。(...)
继续阅读 30+最新强大jQuery插件和教程

转载请注明: 来源于 30+最新强大jQuery插件和教程
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: jquery, jQuery插件, jQuery教程找到更多你可能喜欢的内容

14条改善jQuery代码的技巧

帕兰 — Mon, 30 Nov 2009 05:19:14 +0000

jquery简单易学，但如果你想写出更漂亮更简洁高效的代码，总需要一些技巧。本文就为你总结了14条改善jQuery代码的技巧。

1.测试并提升你的jQuery选择器水平

这个jQuery选择器实验室非常酷，它能在线免费使用，当然你也能下来到本地离线使用。这个测试页面包含复杂的html组合字段，然后你能尝试预定义使用各种jQuery选择器。如果这还不够你也可以自定义选择器。

2.测试jQuery包装集是否包含某些元素

如果你想测试一下某个jQuery包装集中是否包含某些元素，你首先可以尝试使用验证首个元素是否存在：



if($(selector)[0]){...}
// 或者这样
if($(selector).length){...}

来看看这个例子：

//例子.如果你的页面有以下html代码 Item X Item Y Item Z

...
//这个if条件将返回true，因为我们有两个
// input域匹配了选择器，所以代码将会执行
if($('#shopping_cart_items input.in_stock')[0]){}

3.从jquery.org读取jQuery最新版本

你可以使用这句代码读取jQuery的最新版本的代码文件。

你可以使用这个方法来调用最近版本的jQuery框架，当然，你还可以使用下面这个代码从ajax.googleapis.com调用同样的最新版本jQuery：





(...)
继续阅读 14条改善jQuery代码的技巧

转载请注明: 来源于 14条改善jQuery代码的技巧 

原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/


© 帕兰 for 帕兰映像, 2010  |
添加到 del.icio.us 


通过这些关键词: JavaScript, jquery 找到更多你可能喜欢的内容





第5工作室 - 付费设计:　自定义个性化网页设计, 承接付费WordPress主题定制, PSD转XHTML等设计业务.

第7网赚室 - 在线赚钱:　向你推荐最热门最真实的在线赚钱途径, 让你在写博同时, 轻松赚取美元!

第9主机室 - 国外主机:　低于5美元/每月, 支持PayPal付款的美国虚拟主机, 直观图析评测导购,  帮您做出明智的选择.



14条最佳JS代码编写技巧
帕兰 — Sun, 08 Nov 2009 13:41:40 +0000
写任何编程代码，不同的开发者都会有不同的见解。但参考一下总是好的，下面是来自Javascript Toolbox发布的14条最佳JS代码编写技巧，Sofish翻译(1,2)。
1. 总是使用 ‘var’
在javascript中，变量不是全局范围的就是函数范围的，使用”var”关键词将是保持变量简洁明了的关键。当声明一个或者是全局或者是函数级（function-level）的变量，需总是前置”var”关键词，下面的例子将强调不这样做潜在的问题。
不使用 Var 造成的问题
var i=0; // This is good - creates a global variable
function test() {
   for (i=0; i<10; i++) {
      alert("Hello World!");
   }
}
test();
alert(i); // The global variable i is now 10!
因为变量函数中变量 i 并没有使用 var 使其成为函数级的变量，在这个例子中它引用了全局变量。总是使用 var 来声明全局变量是一个很多的做法，但至关重要的一点是使用 var 定义一个函数范围的变量。下面这两个方法在功能上是相同的：
正确的函数
function test() {
   var i=0;
   for (i=0; i<10; i++) {
      alert("Hello World!");
   }
}
正确的函数
function test() {
   for (var i=0; i<10; i++) {
      alert("Hello World!");
   }
}
2. 特性检测而非浏览器检测
一些代码是写来发现浏览器版本并基于用户正使用的客户端的对其执行不同行为。这个，总的来说，是一个非常糟的实践。更好的方法是使用特性检测，在使 用一个老浏览器可能不支持的高级的特性之前，首先检测（浏览器的）是否有这个功能或特性，然后使用它。这单独检测浏览器版本来得更好，即使你知道它的性 能。你可以在 http://www.jibbering.com/faq/faq_notes/not_browser_detect.html找到一个深入讨论这个问题的文章。
例子：
if (document.getElementById) {
   var element = document.getElementById('MyId');
}
else {
   alert('Your browser lacks the capabilities required to run this script!');
}
3. 使用方括号记法
当访问由执行时决定或者包括要不能用”.”号访问的对象属性，使用方括号记法。如果你不是一个经验丰富的Javascript程序员，总是使用方括号是一个不错的做法
对象的属性由两种固定的方法来访问：”.”记法和”[ ]“方括号记法：
“.”号记法
MyObject.property
“[ ]“方括号记法
MyObject["property"]
使用”.”号，属性名是硬代码，不能在执行时改变。使用”[ ]“方括号，属性名是一个通过计算属性名而来的字符串。字符串要以是硬代码，也可能是变量，甚至可以是一个调回一个字母串值的函数。 如果一个属性名在执行产生，方括号是必须，如果你有 “value1″, “value2″, 和 “value3″这样的属性，并且想利用变量 i=2来访问
这个可以运行：
MyObject["value"+i]
这个不可以：
MyObject.value+i
并且在某些服务器端环境（PHP、Struts等）下，Form 表单被附加了 [ ] 号来表示 Form 表单在服务器端必须被当作数组来对待。如此，用”.”号来引用一个包含 [ ] 号的字段将不会执行，因为 [ ] 是引用一个 Javascript 数组的语法。所以，[ ] 号记法是必须的：
这个可以运行：
formref.elements["name[]"]
这个不可以：
formref.elements.name[]
推荐使用”[ ]“方括号记法是说当其需要时（明显地）总是使用它。当不是严格需要使用它的时候，它是一个私人的偏好和习惯。一个好的经验原则是，使用”.”号记法访问标准的对象属性，使用”[   ]“方括号记法访问由页面定义的对象属性。这样，document["getElementById"]() 是一个完美可行的”[ ]“方括号记法用法，但   document.getElementById() 在语法上是首选，因为 getElementById 是一个 DOM   规范中定义的一个标准文档对象属性。混合使用这两个记法使哪个是标准对象属性，哪个属性名是由上下文所定义的，在代码中显得清晰明了：
document.forms["myformname"].elements["myinput"].value
这里，forms 是 document 的一个标准属性，而表单名 myformname 则是由页面所定义的。同时，elements 和   value 属性都是由规范所定义的标准属性。而 myinput 则是由页面所定义的。这页是句法让人非常容易理解（代码的内容），是一个推荐遵循的习惯用法，但不是严格原则。(...)
继续阅读 14条最佳JS代码编写技巧

转载请注明: 来源于 14条最佳JS代码编写技巧 

原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/


© 帕兰 for 帕兰映像, 2010  |
添加到 del.icio.us 


通过这些关键词: JavaScript 找到更多你可能喜欢的内容





第5工作室 - 付费设计:　自定义个性化网页设计, 承接付费WordPress主题定制, PSD转XHTML等设计业务.

第7网赚室 - 在线赚钱:　向你推荐最热门最真实的在线赚钱途径, 让你在写博同时, 轻松赚取美元!

第9主机室 - 国外主机:　低于5美元/每月, 支持PayPal付款的美国虚拟主机, 直观图析评测导购,  帮您做出明智的选择.




150个JS特效脚本
帕兰 — Sun, 01 Nov 2009 05:37:53 +0000
上月，我们整月都在发布javascript特效脚本，本文算是外传，收集了其它一些不太方便归类的JS特效，共150个，供君查阅。
1. simplyScroll
simplyScroll这个jquery插件能够让任意一组元素产生滚动动画效果，可以是自动、手动滚动，水平、垂直方向滚动。此外，它还可以接受动态图片输入通过Flickr供稿或一个本地JSON数据源。
2. Animated Collapsible DIV
为任何DIV层添加Web2.0风格的动画隐藏/显示效果
3. jQuery Pagination (演示地址)

jQuery分页插件
4. side bar menu using script.aculo.us (演示地址)

采用script.aculo.us开发的侧边滑条菜单。
5. mooSocialize

mooSocialize基于ajax的社会化网络书签收藏控件。
6. phatfusion Lightbox (演示地址)
这个Lightbox控件基于Mootools开发，它在页角上增加了向前/后退两按纽并能够用html来编写描述说明。(...)
继续阅读 150个JS特效脚本

转载请注明: 来源于 150个JS特效脚本 

原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/


© 帕兰 for 帕兰映像, 2010  |
添加到 del.icio.us 


通过这些关键词: JavaScript, jQuery插件 找到更多你可能喜欢的内容





第5工作室 - 付费设计:　自定义个性化网页设计, 承接付费WordPress主题定制, PSD转XHTML等设计业务.

第7网赚室 - 在线赚钱:　向你推荐最热门最真实的在线赚钱途径, 让你在写博同时, 轻松赚取美元!

第9主机室 - 国外主机:　低于5美元/每月, 支持PayPal付款的美国虚拟主机, 直观图析评测导购,  帮您做出明智的选择.




21个漂亮的Javascript菜单特效
帕兰 — Sat, 31 Oct 2009 09:36:41 +0000
继11个Javascript树形菜单和20个Javascript手风琴折叠菜单后，再整理21个漂亮的javascript菜单特效。
1. iconDock (演示地址)

iconDock一个基于jquery开发的Fisheye menu。
2. dhtmlxMenu

这个菜单控件支持水平和垂直布局并可以配置作为ContextMenu，支持通过ajax动态加载菜。
3. Control.Menu

采用Mootools开发的菜单控件。
4. Fancy menu

非常酷的导航菜单。
5. CSS Dock Menu ()

采用jQuery CSS实现，仿Mac Dock Menu的一个导航菜单。(...)
继续阅读 21个漂亮的Javascript菜单特效

转载请注明: 来源于 21个漂亮的Javascript菜单特效 

原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/


© 帕兰 for 帕兰映像, 2010  |
添加到 del.icio.us 


通过这些关键词: JavaScript, jQuery插件, 菜单 找到更多你可能喜欢的内容





第5工作室 - 付费设计:　自定义个性化网页设计, 承接付费WordPress主题定制, PSD转XHTML等设计业务.

第7网赚室 - 在线赚钱:　向你推荐最热门最真实的在线赚钱途径, 让你在写博同时, 轻松赚取美元!

第9主机室 - 国外主机:　低于5美元/每月, 支持PayPal付款的美国虚拟主机, 直观图析评测导购,  帮您做出明智的选择.




16款Javascript提示工具(Tooltips)
帕兰 — Fri, 30 Oct 2009 09:22:47 +0000
当我们把鼠标放在一个链接上时，如果该链接设置了title属性，就会悬浮显示一个淡黄色背景的文本提示，这就是最基础的Tooltips提示工具。但其平凡的样子实在很难让人注意。利用javascript则可以生成一些漂亮、高级的tooltips，这些提示信息不仅仅限于文本，还可以是图片，音频，视频甚至框架，并且可以包含html元素，方便使用CSS来美化。
先吸引到访问的眼球，才能达到提醒的目的。16款Javascript Tooltips提示工具。
1. HelpBalloon.js (演示地址)

一个可灵活控制
2. jQuery.UI MessengerOutlook like message notification Widget (演示地址)

这个jquery.UI控件类似于MessengerOutlook消息弹出提醒框。
3. Step by Step (演示地址)

该脚本能够为访问者逐步地展示和介绍当前页面所包含的内容，效果类似于Tooltips。
4. BeautyTips

BeautyTips是一个jQuery Tooltip插件.
5. qTip

6. Simple tooltip

Simple tooltip是一个非常简单的Tooltip jQuery插件。
7. Side Navigation Tooltip (演示地址)

利用jQuery为侧面导航菜单添加Tooltips气泡提示说明。(...)
继续阅读 16款Javascript提示工具(Tooltips)

转载请注明: 来源于 16款Javascript提示工具(Tooltips) 

原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/


© 帕兰 for 帕兰映像, 2010  |
添加到 del.icio.us 


通过这些关键词: JavaScript, jQuery插件, Tooltips 找到更多你可能喜欢的内容





第5工作室 - 付费设计:　自定义个性化网页设计, 承接付费WordPress主题定制, PSD转XHTML等设计业务.

第7网赚室 - 在线赚钱:　向你推荐最热门最真实的在线赚钱途径, 让你在写博同时, 轻松赚取美元!

第9主机室 - 国外主机:　低于5美元/每月, 支持PayPal付款的美国虚拟主机, 直观图析评测导购,  帮您做出明智的选择.




23个Javascript弹出特效
帕兰 — Thu, 29 Oct 2009 11:35:53 +0000
之前我们看过12个Lightbox灯箱特效，主要是针对图片，现在则来看更多的javascript弹出对话框特效。
1. Lightview

Lightview是一个基于Prototype与Script.aculo.us开发，用于创建可以覆盖整个页面的模式对话框。展示的内容不仅可以是图片、文字、网页、通过ajax 调用的内容，还可以是Quicktime/Flash影片都能够以非常酷的效果展示。
2. ThickBox (演示地址)

ThickBox是一个模式对话框UI控件。基于jquery开发，可以用来展示单张或多张图片，内嵌的内容，iframed的内容，或通过Ajax获取的内容。
3. Fonshen JS Window (演示地址)

风声JS窗口为模拟WEB弹出窗口和对话框提供一种方案。程序基于 JavaScript/Xhtml/CSS 标准实现。支持自由度极高的窗口样式定制；交互方面提供模拟的按钮编程模型，可以很好的模拟对话框； 另外，接口参考Javascript内置对象window的一些方法（比如：window.open, window.alert, window.confirm），简洁方便。
4. ymPrompt

在web开发中，对于浏览器默认的消息提示框（如alert,confirm等）外观无法控制，为了实现更好的界面效果，于是模拟系统的消息提示框实现了该组件。在外观上可以通过css进行完全的控制。调用方式简单，直接使用ymPrompt.alert()的方式调用，传入相应的参数即可。提供四种消息类型。分别为消息提示、成功信息、错误信息、询问信息。
5. Modalbox

ModalBox用于生成Web2.0风格的模式对话框。基于Prototype script.aculo.us框架开发，效果类似Mac OSX的模式对话框。内容可以通过Ajax加载或普通的HTML页面。(...)
继续阅读 23个Javascript弹出特效

转载请注明: 来源于 23个Javascript弹出特效 

原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/


© 帕兰 for 帕兰映像, 2010  |
添加到 del.icio.us 


通过这些关键词: JavaScript, jQuery插件, 弹出特效 找到更多你可能喜欢的内容





第5工作室 - 付费设计:　自定义个性化网页设计, 承接付费WordPress主题定制, PSD转XHTML等设计业务.

第7网赚室 - 在线赚钱:　向你推荐最热门最真实的在线赚钱途径, 让你在写博同时, 轻松赚取美元!

第9主机室 - 国外主机:　低于5美元/每月, 支持PayPal付款的美国虚拟主机, 直观图析评测导购,  帮您做出明智的选择.




12个Javascript灯箱效果Lightbox脚本
帕兰 — Wed, 28 Oct 2009 09:10:24 +0000
Lightbox，也就是灯箱特效，是我们最常使用的javascript脚本之一。本文为你收集了一些比较流行的Javascript灯箱脚本。
1. Multibox (演示地址)

一个lightbox支持的内容格式包括：图片，Flash，视频，mp3，html。
2. YUI Based Lightbox ()

使用YUI Dialog class开发的lightbox控件。
3. weebbox

weebbox是一个基于Prototype Scriptaculous（172k） 开发，仿Lightbox效果用于展示图片的javascript控件。
4. Pirobox (演示地址)

采用jquery开发的Lightbox控件。能够根据浏览器窗体大小自动调整展示图片大小。提供向前/向后控制链接。动态加载图片效果。易于定制。(...)
继续阅读 12个Javascript灯箱效果Lightbox脚本

转载请注明: 来源于 12个Javascript灯箱效果Lightbox脚本 

原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/


© 帕兰 for 帕兰映像, 2010  |
添加到 del.icio.us 


通过这些关键词: JavaScript, jQuery插件, lightbox 找到更多你可能喜欢的内容





第5工作室 - 付费设计:　自定义个性化网页设计, 承接付费WordPress主题定制, PSD转XHTML等设计业务.

第7网赚室 - 在线赚钱:　向你推荐最热门最真实的在线赚钱途径, 让你在写博同时, 轻松赚取美元!

第9主机室 - 国外主机:　低于5美元/每月, 支持PayPal付款的美国虚拟主机, 直观图析评测导购,  帮您做出明智的选择.

帕兰映像 » JavaScript

jQuery 1.4官方文档中文版

下载(Downloading)

(功能) Features

热门方法经过了性能上的大”检修”

7个神奇的jQuery 3D插件

1. Flip HTML content in 3D

2. Agile Carousel

3. Rotation

4. Tag Cloud

30+最新强大jQuery插件和教程

教程

14条改善jQuery代码的技巧

1.测试并提升你的jQuery选择器水平

2.测试jQuery包装集是否包含某些元素

3.从jquery.org读取jQuery最新版本

14条最佳JS代码编写技巧

1. 总是使用 ‘var’

2. 特性检测而非浏览器检测

3. 使用方括号记法

150个JS特效脚本

1. simplyScroll

2. Animated Collapsible DIV

3. jQuery Pagination (演示地址)

4. side bar menu using script.aculo.us (演示地址)

5. mooSocialize

6. phatfusion Lightbox (演示地址)

21个漂亮的Javascript菜单特效

1. iconDock (演示地址)

2. dhtmlxMenu

3. Control.Menu

4. Fancy menu

5. CSS Dock Menu ()

16款Javascript提示工具(Tooltips)

1. HelpBalloon.js (演示地址)

2. jQuery.UI MessengerOutlook like message notification Widget (演示地址)

3. Step by Step (演示地址)

4. BeautyTips

5. qTip

6. Simple tooltip

7. Side Navigation Tooltip (演示地址)

23个Javascript弹出特效

1. Lightview

2. ThickBox (演示地址)

3. Fonshen JS Window (演示地址)

4. ymPrompt

5. Modalbox

12个Javascript灯箱效果Lightbox脚本

1. Multibox (演示地址)

2. YUI Based Lightbox ()

3. weebbox

4. Pirobox (演示地址)