GeorgeWang地字3号

JQuery、Node.js http://www.pecloud.cn/

导航

02 2011 档案

警惕Java,迎来JavaScript
摘要:最近Oracle控告搜索巨人Google,宣称其Android智能手机操作系统上的Dalvik虚拟机侵犯了Java专利,这很自然让很多的开发人员感到担心。但大多数分析指出,这场诉讼对绝大多数Java开发人员将不会有多少的影响,但有些程序员却惊恐不安,他们已经开始寻找一种可替代的语言了。如果你也是这样,你是否考虑过转向JavaScript? “什么?”,你也许会诧异。任何一个开发人员或多说少都知道Java跟JavaScript几乎没有任何的关系。Netscape最初是想把这个跨浏览器的脚本语言叫做LiveScript,但Sun微系统公司说服他们使用JavaScript这 阅读全文

posted @ 2011-02-20 14:57 GeorgeWang 阅读(197) 评论(0) 推荐(0)

jQuery hover事件
摘要:hover(over,out)一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。 当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持“悬停”状态,而不触发移出事件(修正了使用mouseout事件的一个常见错误)。参数 :over (Function) : 鼠标移到元素上要触发的函数out (Function) : 阅读全文

posted @ 2011-02-20 14:50 GeorgeWang 阅读(9836) 评论(0) 推荐(1)

Language icons — 语言图标
摘要:Language icons模块提供了语言链接图标,无论是语言切换区块和(可选)为节点的链接。它是一种剥离的国际化(i18n)封装。作为基本多语言支持现在已建到Drupal 6核心,它不依赖于任何其他模块了贡献。Language icons模块将作为简单的附加在为Drupal 6。有一点要注意,在配置语言区块是至少要有两种或者两种以上的语言才可以显示。下载Language icons在admin/settings/language/add目录下添加语言,在admin/settings/language/configure目录下可以设置。 阅读全文

posted @ 2011-02-20 14:47 GeorgeWang 阅读(826) 评论(0) 推荐(0)

jQuery ready(fn) 页面载入函数
摘要:ready(fn)当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。这是事件模块中最重要的一个函数,因为它可以极大地提高web应用程序的响应速度。 简单地说,这个方法纯粹是对向window.load事件注册事件的替代方法。通过使用这个方法,可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数,而99.99%的JavaScript函数都需要在那一刻执行。有一个参数--对jQuery函数的引用--会传递到这个ready事件处理函数中。可以给这个参数任意起一个名字,并因此可以不再担心命名冲突而放心地使用$别名。请确保在 <body> 元素的onload事件中没有注册函数,否则不 阅读全文

posted @ 2011-02-20 14:45 GeorgeWang 阅读(1141) 评论(0) 推荐(0)

jQuery CSS 样式属性
摘要:css(name) 访问第一个匹配元素的样式属性。 返回值 : String参数 : name (String) : 要访问的属性名称示例 : 取得第一个段落的color样式属性的值。 jQuery 代码:$("p").css("color"); --------------------------------------------------------------------------------------------------------------css(properties)把一个“名/值对”对象设置为所有匹配元素的样式属性。这是一种在所有匹配的元素上 阅读全文

posted @ 2011-02-20 14:43 GeorgeWang 阅读(678) 评论(0) 推荐(0)

jQuery bind 绑定事件
摘要:bind(type,[data],fn)为每一个匹配元素的特定事件(像click)绑定一个事件处理器函数。这个事件处理函数会接收到一个事件对象,可以通过它来阻止(浏览器)默认的行为。如果既想取消默认的行为,又想阻止事件起泡,这个事件处理函数必须返回false。多数情况下,可以把事件处理器函数定义为匿名函数(见示例一)。在不可能定义匿名函数的情况下,可以传递一个可选的数据对象作为第二个参数(而事件处理器函数则作为第三个参数),见示例二。返回值 : jQuery参数 : type (String) : 事件类型data (Object) : (可选) 作为event.data属性值传递给事件对象的 阅读全文

posted @ 2011-02-20 14:41 GeorgeWang 阅读(3931) 评论(0) 推荐(1)

Menu attributes — 菜单属性
摘要:Menu attributes是一个简单的菜单属性模块 . Menu attributes允许管理员指定菜单项的自定义属性 .该模块目前允许您为每个菜单项的下列属性: Id , Name , Target , Rel , Class , Style , Accesskey . 下载Menu attributes 模块,可以在 admin/build/menu/settings 进行设置 . 当你在添加菜单的时候你会看到 Menu item attributes , 可以根据你的需要设置选项 . 阅读全文

posted @ 2011-02-20 14:40 GeorgeWang 阅读(347) 评论(0) 推荐(0)

jQuery unbind 删除绑定事件
摘要:unbind([type],[data]) 是 bind()的反向操作,从每一个匹配的元素中删除绑定的事件。如果没有参数,则删除所有绑定的事件。你可以将你用bind()注册的自定义事件取消绑定。如果提供了事件类型作为参数,则只删除该类型的绑定事件。如果把在绑定时传递的处理函数作为第二个参数,则只有这个特定的事件处理函数会被删除。返回值 : jQuery参数 :type (String) : (可选) 事件类型data (Function) : (可选) 要从每个匹配元素的事件中反绑定的事件处理函数示例 : 把所有段落的所有事件取消绑定 jQuery 代码:$("p").unbind() --- 阅读全文

posted @ 2011-02-20 14:40 GeorgeWang 阅读(1925) 评论(2) 推荐(0)

jQuery trigger 触发事件
摘要:trigger(type,[data])在每一个匹配的元素上触发某类事件。这个函数也会导致浏览器同名的默认行为的执行。比如,如果用trigger()触发一个'submit',则同样会导致浏览器提交表单。如果要阻止这种默认行为,应返回false。 你也可以触发由bind()注册的自定义事件而不限于浏览器默认事件。事件处理函数会收到一个修复的(规范化的)事件对象,但这个对象没有特定浏览器才有的属性,比如keyCode。 jQuery也支持 命名空间事件。这允许你触发或者解除绑定一组特定的事件处理函数,而无需一一个指定。你可以在事件类型后面加上感叹号 ! 来只触发那些没有命名空间的事件处理函数。 阅读全文

posted @ 2011-02-20 14:39 GeorgeWang 阅读(9789) 评论(0) 推荐(1)

jQuery one 特定事件绑定一个一次性的事件
摘要:one(type,[data],fn)为每一个匹配元素的特定事件(像click)绑定一个一次性的事件处理函数。在每个对象上,这个事件处理函数只会被执行一次。其他规则与bind()函数相同。这个事件处理函数会接收到一个事件对象,可以通过它来阻止(浏览器)默认的行为。如果既想取消默认的行为,又想阻止事件起泡,这个事件处理函数必须返回false。返回值 : jQuery参数 :type (String) : 事件类型data (Object) : (可选) 作为event.data属性值传递给事件对象的额外数据对象fn (Function) : 绑定到每个匹配元素的事件上面的处理函数示例 :当所有段 阅读全文

posted @ 2011-02-20 14:38 GeorgeWang 阅读(862) 评论(1) 推荐(0)

HTTP Reject
摘要:HTTP Reject 模块允许你拒绝HTTP请求方法的白名单和用户代理黑名单 , 与一个可配置的HTTP错误状态码。该 HTTP Reject 模块着眼于HTTP请求被发送到你的Drupal实例,如果设置条件得到满足 , 它将拒绝。因此网站使用较少的资源和监视记录不符合要求的项目无用的垃圾邮件。 下载地址 : http://drupal.org/project/http_reject 阅读全文

posted @ 2011-02-20 14:37 GeorgeWang 阅读(203) 评论(0) 推荐(0)

10个JavaScript动画框架
摘要:随着一些 JavaScript 库涌现出来,WEB开发人员可以非常容易地制作出让人惊叹的动画效果。在本文中,你将了解到10个顶尖 JavaScript 动画框架。让你更容易创建让人着迷的用户体验。1. $fx$fx 是一个轻量级的 JavaScript 动画库,对 JavaScript DOM 函数进行了扩展。它体积很小(仅3.7KB),健壮的实 q现,较低的学习成本,$fx 是一个不错的选择。[示例][简介]2. jsAnimjsAnim 是一个用于创建高度视觉冲击和流畅动画效果的 JavaScript 框架。作者是Kevin Dolan。通过 jsAnim 你可以创建让人惊叹的动画效果,而 阅读全文

posted @ 2011-02-20 14:35 GeorgeWang 阅读(696) 评论(0) 推荐(0)

jQuery triggerHandler
摘要:jQuery triggerHandler — 触发指定事件类型上所有绑定triggerHandler(type,[data]) 这个特别的方法将会触发指定的事件类型上所有绑定的处理函数。但不会执行浏览器默认动作,也不会产生事件冒泡。这个方法的行为表现与trigger类似,但有以下三个主要区别: * 第一,他不会触发浏览器默认事件。 * 第二,只触发jQuery对象集合中第一个元素的事件处理函数。 * 第三,这个方法的返回的是事件处理函数的返回值,而不是据有可链性的jQuery对象。此外,如果最开始的jQuery对象集合为空,则这个方法返回 undefined 。返回值 : j 阅读全文

posted @ 2011-02-20 14:34 GeorgeWang 阅读(593) 评论(0) 推荐(0)

jQuery bind(map)
摘要:bind(map)为每一个匹配元素一个或多个事件绑定事件处理器函数。返回值 : jQuery参数 :map (map) : 一次可以绑定多个事件。示例 :一次绑定click和mouseenter事件。 jQuery 代码:$('#foo').bind({ click: function() { // do something on click }, mouseenter: function() { // do something on mouseenter } }); 阅读全文

posted @ 2011-02-20 14:33 GeorgeWang 阅读(271) 评论(0) 推荐(0)

jQuery.parseJSON(json)
摘要:jQuery.parseJSON(json) 接受一个JSON字符串,返回解析后的对象。返回值:String传入一个畸形的JSON字符串会抛出一个异常。比如下面的都是畸形的JSON字符串: {test: 1} ( test 没有包围双引号){'test': 1} (使用了单引号而不是双引号)另外,如果你什么都不传入,或者一个空字符串、null或undefined,parseJSON都会返回 null 。 参数 :jsonString要解析的JSON字符串示例 :描述 : 解析一个JSON字符串jQuery 代码:var obj = jQuery.parseJSON('{"name":"John 阅读全文

posted @ 2011-02-20 14:32 GeorgeWang 阅读(768) 评论(0) 推荐(0)

jQuery.getJSON()
摘要:jQuery.getJSON(url, [data], [callback]) 通过 HTTP GET 请求载入 JSON 数据。返回值 : XMLHttpRequest在 jQuery 1.2 中,您可以通过使用JSONP 形式的回调函数来加载其他网域的JSON数据,如 "myurl?callback=?"。jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。 注意:此行以后的代码将在这个回调函数执行前执行。参数 :urlString发送请求地址。data (可选)Map待发送 Key/value 参数。callback (可选)Function载入成功时回调函数。示例 :描述 : 阅读全文

posted @ 2011-02-20 14:32 GeorgeWang 阅读(567) 评论(0) 推荐(0)

jQuery.isArray 和jQuery.inArray
摘要:jQuery.isArray(obj) 是 jQuery 1.3 新增。测试对象是否为数组。 返回值:Boolean参数 : objObject用于测试是否为数组的对象示例 :检测是否为数组jQuery 代码:$("b").append( " + $.isArray([]) );结果:<b>true</b>jQuery.inArray(value, array) 确定第一个参数在数组中的位置,从0开始计数(如果没有找到则返回 -1 )。返回值:Number参数 : valueAny 用于在数组中查找是否存在arrayArray 待处理数组。示例 : 查看对应元素的位置j 阅读全文

posted @ 2011-02-20 14:29 GeorgeWang 阅读(4467) 评论(0) 推荐(0)

Drupal Page Theme-网页主题
摘要:由 keeperhan 于 星期二, 11/09/2010 发表 Tags : ThemeDrupalmodule Page Theme模块是一个简单,易于使用的模块,允许使用比特定网站的默认页不同的主题。Page Theme模块特点: *可以指定一个单一的网页或网页列表的主题。 (设置一个页面作为一个Drupal路径) *允许使用Drupal路径作为通配符'*'字符。 *允许安排主题。 (如果页面中有几个定义,列表中的第一个主题将被使用) *允许启用/禁用一个主题。 *允许使用其自己的编辑页面的主题。 阅读全文

posted @ 2011-02-20 14:29 GeorgeWang 阅读(259) 评论(0) 推荐(0)

jQuery.post()
摘要:jQuery.post(url, [data], [callback], [type]) 通过远程 HTTP POST 请求载入信息。这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。参数 :urlString发送请求地址。data (可选)Map待发送 Key/value 参数。callback (可选)Function发送成功时回调函数。type (可选)String返回内容格式,xml, html, script, json, text, _defaultD 阅读全文

posted @ 2011-02-20 14:27 GeorgeWang 阅读(388) 评论(1) 推荐(0)

jQuery.get()
摘要:jQuery.get(url, [data], [callback], [type]) 通过远程 HTTP GET 请求载入信息。这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。返回值:XMLHttpRequest参数 :urlString待载入页面的URL地址data (可选)Map待发送 Key/value 参数。callback (可选)Function载入成功时回调函数。type (可选)String返回内容格式,xml, html, script, json, text, _default。示例 : 阅读全文

posted @ 2011-02-20 14:26 GeorgeWang 阅读(787) 评论(0) 推荐(0)

CSS Browser Selector — CSS浏览器选择器
摘要:CSS浏览器选择器(CSS Browser Selector)会自动包含Browser/OS的特定CSS在你的HTML选择器。常见问题:如果一切启用,而您仍然没有看到浏览器/ HTML标记类名,这很可能是因为您正在使用的 Garland 或similar主题的地方不输出这个变量。简单的解决方案:修改page.tpl.php文件,使现在的标签,像这样的输出这个变量:<html class="<?php print $body_classes; ?>">比较好的解决方案是编写一个自定义主题功能函数,以取代当前的body标签的CSS。下载 : CSS Browser Sele 阅读全文

posted @ 2011-02-20 14:25 GeorgeWang 阅读(388) 评论(0) 推荐(0)

CCK Word/Character Count — 单词/字符数
摘要:CCK Word/Character Count模块允许管理员定义CCK一个字段的单词或字符数。 当在设定的cck字段内输入内容时,它会显示一个 Word/Character当前计数,有多少被保留。一旦达到极限,颜色变化,用户不再能提交,直到数字或words/characters减少到了极限。安装启用后,在任意内容类型中创建一个cck字段 , 创建时会看到一个Word/Character Count 选项 ,点击选项可以看到两个设置选项,分别是Maximum length和 Count Type ,可以根据你的需要进行设置 . 如下图 (图一)(图二)下载 :CCK Word/Characte 阅读全文

posted @ 2011-02-20 14:24 GeorgeWang 阅读(415) 评论(0) 推荐(0)

jQuery position() 函数使用
摘要:position() 获取匹配元素相对父元素的偏移。返回值:Object{top,left}。返回的对象包含两个整型属性:top 和 left。为精确计算结果,请在补白、边框和填充属性上使用像素单位。此方法只对可见元素有效。 示例 :获取第一段的偏移HTML 代码:<p>Hello</p><p>2nd Paragraph</p>jQuery 代码:var p = $("p:first");var position = p.position();$("p:last").html( "left: " + position.left + ", top: 阅读全文

posted @ 2011-02-20 14:23 GeorgeWang 阅读(210) 评论(0) 推荐(0)

jQuery insertAfter和insertBefore函数使用
摘要:insertAfter(content) — 把所有匹配的元素插入到另一个、指定的元素元素集合的后面。实际上,使用这个方法是颠倒了常规的$(A).after(B)的操作,即不是把B插入到A后面,而是把A插入到B后面。 在jQuery 1.3.2中,appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几个方法成为一个破坏性操作,要选择先前选中的元素,需要使用end()方法。参数 : content — (String)用于匹配元素的jQuery表达式示例 :把所有段落插入到一个元素之后。与 $("#f 阅读全文

posted @ 2011-02-20 14:23 GeorgeWang 阅读(2583) 评论(0) 推荐(0)

jQuery load和unload函数使用
摘要:load(url, [data], [callback]) 载入远程 HTML 文件代码并插入至 DOM 中。默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。jQuery 1.2 中,可以指定选择符,来筛选载入的 HTML 文档,DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。有三个参数,分别是:url — (String) — 待装入 HTML 网页网址。data (可选) — (Map,String) — 发送至服务器的 key/value 数据。在jQuery 阅读全文

posted @ 2011-02-20 14:22 GeorgeWang 阅读(2081) 评论(0) 推荐(0)

jQuery attr — 匹配元素属性
摘要:attr(name) — 取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回 undefined 。参数 : name — 属性名称(String)示例 : 返回文档中第一个图像的src属性值。HTML 代码:<img src="test.jpg"/>jQuery 代码:$("img").attr("src");结果:test.jpgattr(properties) — 将一个“名/值”形式的对象设置为所有匹配元素的属性。这是一种在所有匹配元素中批量设置很多属 阅读全文

posted @ 2011-02-20 14:20 GeorgeWang 阅读(639) 评论(0) 推荐(0)

jQuery CSS 添加/删除类名
摘要:addClass(class) — 为每个匹配的元素添加指定的类名。参数 : class — 一个或多个要添加到元素中的CSS类名,请用空格分开(String)示例 一 :为匹配的元素加上 'selected' 类HTML 代码:<p>Hello</p>jQuery 代码:$("p").addClass("selected");结果:[ <p class="selected">Hello</p> ]示例 二 :为匹配的元素加上 selected highlight 类HTML 代码:<p>Hello</p 阅读全文

posted @ 2011-02-20 14:19 GeorgeWang 阅读(11377) 评论(0) 推荐(0)

Curl 常用函数之GET
摘要:function curl_get($url, array $get = NULL, array $options = array()) { $defaults = array( CURLOPT_URL => $url . (strpos($url, '?') === FALSE ? '?' : '') . http_build_query($get), CURLOPT_HEADER => 0, CURLOPT_RETURNTRANSFER => TRUE, CURLOPT_TIMEOUT => 4 ); $ch = curl_init(); curl_setopt_ 阅读全文

posted @ 2011-02-20 14:18 GeorgeWang 阅读(250) 评论(0) 推荐(0)

jquery 禁止右键点击
摘要:$(document).ready(function(){$(document).bind("contextmenu", function(e) { return false;});}); 阅读全文

posted @ 2011-02-20 14:16 GeorgeWang 阅读(310) 评论(0) 推荐(0)

jquery 隐藏搜索文本框文字
摘要:$(document).ready(function() {$("input.text1").val("Enter your search text here");textFill($('input.text1'));});// input focus text functionfunction textFill(input) {var originalvalue = input.val();input.focus(function() { if( $.trim(input.val()) == originalvalue ) { input.val(''); }});input.blur( 阅读全文

posted @ 2011-02-20 14:10 GeorgeWang 阅读(543) 评论(0) 推荐(0)

jquery 保持div的列高度相同
摘要:$(document).ready(function() { function equalHeight(group) { tallest = 0; group.each(function() { thisHeight = $(this).height(); if (thisHeight > tallest) { tallest = thisHeight; } }); group.height(tallest);}// how to use$(document).ready(function() { equalHeight($(".left")); equalHeight($(".r 阅读全文

posted @ 2011-02-20 14:09 GeorgeWang 阅读(179) 评论(0) 推荐(0)

jquery 预加载图片
摘要:$(document).ready(function() { jQuery.preloadImages = function() { for(var i = 0; i < arguments.length; i++) { $("<img>").attr("src", arguments[i]); }}// how to use$.preloadImages("image1.jpg");}); 阅读全文

posted @ 2011-02-20 14:09 GeorgeWang 阅读(189) 评论(0) 推荐(0)

jquery font resizing
摘要:$(document).ready(function() { // Reset the font size(back to default)var originalFontSize = $('html').css('font-size');$(".resetFont").click(function() { $('html').css('font-size', originalFontSize);});// Increase the font size(bigger font0$(".increaseFont").click(function() { var currentFontSize = 阅读全文

posted @ 2011-02-20 14:08 GeorgeWang 阅读(173) 评论(0) 推荐(0)

jquery page top
摘要:$(document).ready(function() { $('a[href*=#]').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var $target = $(this.hash); $target = $target.length && $target || $('[name=' + this.hash.slice(1) + 阅读全文

posted @ 2011-02-20 14:07 GeorgeWang 阅读(404) 评论(0) 推荐(0)

jquery 验证元素是否存在
摘要:$(document).ready(function() { if ($('#id').length) { // do something}}); 阅读全文

posted @ 2011-02-20 14:05 GeorgeWang 阅读(204) 评论(0) 推荐(1)

jquery 元素居中间
摘要:$(document).ready(function() { jQuery.fn.center = function() { this.css("position","absolute"); this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px"); this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px"); return this;}$("#id").ce 阅读全文

posted @ 2011-02-20 14:05 GeorgeWang 阅读(304) 评论(0) 推荐(0)

jquery 得到html中元素的数量
摘要:$(document).ready(function() {$("p").size();}); 阅读全文

posted @ 2011-02-20 14:04 GeorgeWang 阅读(447) 评论(0) 推荐(0)

jquery 获得鼠标指针 X/Y 值
摘要:$(document).ready(function() { $().mousemove(function(e) { // display the x and y axis values inside the div with the id XY $('#XY').html("X Axis : " + e.pageX + " | Y Axis " + e.pageY);});});<div id="XY"></div> 阅读全文

posted @ 2011-02-20 14:03 GeorgeWang 阅读(317) 评论(0) 推荐(0)

Node.js简介:可独立于浏览器,运行于服务器的Javascript
摘要:Node.js包罗万象,但最主要的一点是,它提供了一种在Web浏览器之外运行Javascript的途径。Javascript广泛应用于网站的前端开发。Node使得这种流行的编程语言能够在更多环境下运行,甚至是网站的服务器端。它有几个值得我们关注的特性:Node是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎(应用于Google Chrome浏览器)进行了封装。V8引 擎执行Javascript的速度非常快,性能非常好。Node对一些特殊用例进行了优化,提供了替代的API,使得V8在非浏览器环境下运行得更好。例 如,在服务器环境中,处理二进制数据通常是必不 阅读全文

posted @ 2011-02-20 13:54 GeorgeWang 阅读(581) 评论(0) 推荐(0)