摘要：
弹出层插件，现在用的是越来越多，网上也有很多开源的类似插件，功能都很强大，于是我也模仿了一个，原来其实很简单，无非是创建节点，显示该节点，如果支持可拖拽，那就在对象上加上mousedown,mousemove,mouseup这三个事件，修改坐标值就OK.下面就是我的一个实现js部分 /* * title:@谈出层插件 * autor:@aliang * 2012-12-20 * */ $(function(){ $.fn.dialog=function(options){ var defaults={ Event:"cli... 阅读全文
摘要：
jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数，将函数定义于jQuery的命名空间中。关于类级别的插件开发可以采用如下几种形式进行扩展：1.1 添加一个新的全局函数添加一个全局函数，我们只需如下定义：Java代码 jQuery. 阅读全文
摘要：
简介：如果您听说过 Node，或者阅读过一些文章，宣称 Node 是多么多么的棒，那么您可能会想：“Node 究竟是什么东西？” 即便是在参阅 Node 的主页之后，您甚至可能还是不明白 Node 为何物？Node 肯定不适合每个程序员，但它可能是某些程序员一直苦苦追寻的东西。为试图解释什么是 Node.js，本文将简要介绍一些背景信息：它要解决的问题，它如何工作，如何运行一个简单应用程序，最后，Node 在什么情况下是一个好的解决方案。本文不涉及如何编写一个复杂的 Node 应用程序，也不是一份全面的 Node 教程。阅读本文应该有助于您决定是否应该继续学习 Node，以便将其用于您的业务。 阅读全文
摘要：
HTML代码： <style>.auto_hidden { width:204px;border-top: 1px solid #333; border-bottom: 1px solid #333; border-left: 1px solid #333; border-right: 1px solid #333; position:absolute; display:none;}.auto_show { width:204px; border-top: 1px solid #333; border-botto... 阅读全文
摘要：
jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果。虽然jQuery上手简单，比其他库容易学会，但是要全面掌握，却不轻松。因为它涉及到网页开发的方方面面，提供的各种方法和内部变化有上千种之多。初学者常常感到，入门很方便，提高很困难。目前，互联网上最好的jQuery入门教材，是Rebecca Murphey写的《jQuery 阅读全文
摘要：
好就没有更新博客了，今天有空再写的东西吧，说说最近碰到的一些关于页面布局的小问题，总结一下。一、经常用到height:100%去自适应高度，可是有的时候这个办法却不能成功，其实height:100%起作用是有个前提的，就是node的parentNode必须要有固定的高度，子节点的height:100%才会有效果；二、常见三栏布局，上中下，上下固定高度，中间自适应，之前我想到没想，自适应就用js处理好了，结构跟同行交流，原来css就可以做到的，唉，真的是丢人啊，自己动手写了一个，果然可以实现，基本原理是用height:100%;代码如下：<!DOCTYPE html><html 阅读全文
摘要：
本文适合初学者，特别是对构造函数、原型和原型链概念比较模糊的，大牛请路过，好了，让我们一步步来看看js的原型（链）到底有多神秘……一、函数创建过程在了解原型链之前我们先来看看一个函数在创建过程中做了哪些事情，举一个空函数的例子：function A() {}; 当我们在代码里面声明这么一个空函数，js解析的本质是（肤浅理解有待深入）：1、创建一个对象（有constructor属性及[[Prototype]]属性），根据ECMA，其中[[Prototype]]属性不可见、不可枚举2、创建一个函数（有name、prototype属性），再通过prototype属性引用刚才创建的对象3、创建变量A， 阅读全文
摘要：
图片轮播是一个很常见的业务需求，很多地方都会出现，譬如京东商城首页上就有这么一个，今天我又再次模仿一个，不过今天要用原型模式来写，可是发现自己还是领悟的不够好，希望各位批评指点。 图片轮播 123456 阅读全文
摘要：
昨天在看NBA的时候无意中看到CCTV 5+体育太上的这个选项卡比较好看，便想模仿一个，看罢球赛于是就来做一个，要求是用原生js实现，还得兼容各浏览器，本以为没什么难度，半个小时差不多能搞定，结果却搞了三个小时。习惯了用jq，结果原生js都不知道怎么写了，看来以后还得多练练啊，否则越来越懒，越来越不会写原生js了。还有一个就是兼容IE6-8。<html><head> <meta charset="utf-8"> <title>选项卡</title> <style type="text/css&quo 阅读全文
摘要：
在我们日常的工作当中经常会处理一些HTML元素的长、宽等尺寸样式，以便更好的处理文档和事件：由于工作中经常搞混一些元素大小、偏移量、客户区大小、滚动大小等等这些小东东，特意将这些东西放在一起整理一下，与大家分享：首先说下盒子模型：盒子模型是CSS中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 IE 盒子模型和标准 W3C 盒子模型。他们对盒子模型的解释各不相同。从上图可以看到标准 W3C 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。而IE 盒子模型的范围也包括 margin、border、 阅读全文