摘要： JavaSciprt事件中有两个很重要的特性：事件冒泡以及目标元素。事件冒泡: 当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这 一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。目标元素: 任何一个事件的目标元素都是最开始的那个元素，在我们的这个例子中也就是按钮，并且它在我们的元素对象中以属性的形 式出现。使用事件代理的话我们可以把事件处理器添加到一个元素上，等待一个事件从它的子级元素里冒泡上来，并且可以很方便地得知这个事件是从哪个元素开始 的。事件的冒泡和捕获捕获是从上级元素到下级元素，冒泡是从下级元素到上级 阅读全文

摘要： 一、锚点跳转简介锚点嘛，业余点的解释就是可以让页面定位到某个位置的点。在高度较高的页面中经常见到，例如，百度百科页面，《火影忍者》这个词条，结果就会看到如下的锚点列表：点击其中一个链接，就会跳转到页面的相应位置。这就是锚点的作用之一。锚点还可以用在跳转到其他页面的相应位置，例如我的博客，点击博客首页文章下面的评论链接，则会跳转到文章的评论处。起关键作用的就是链接地址后面跟着的#comments，见下图标示：我知道的实现锚点跳转有两种方式，一种是a标签+name属性，还有一种就是使用标签的id属性。百度百科就是使用的a标签的name属性实现锚点跳转的，见下图：上图效果更具体点表示是：作者介绍&g 阅读全文

摘要： 之前已发布过《jQuery练手作品：Tab 切换效果》，此次是改进jQuery代码，使HTML结构的适用性更强！效果图上：代码上：一、HTML代码结构<div id="sidebar-tab"> <div id="tab-title"> <h3><span class="selected">最新评论</span><span>近期热评</span><span>随机文章</span></h3> </div> 阅读全文

摘要： <ul> <li>list item one</li> <li>list item two</li> <li>list item three</li> <li>list item four</li></ul>list-style-type： list-style-type:none;list-style-image: 示例：<style type="text/css"> ul{ list-style-image:url(bullet.png); 阅读全文

摘要： ScrollUp 是一款轻量的 jQuery插件，用于实现定制的滚动到顶部（Scroll To Top）功能。ScrollUp 可以通过 CSS 完全定制，这使得它能够非常简单到集成到你的项目中。官方提供了 Tap、Pill、Llink、Image 五种风格，可以根据需要配置。下载演示 阅读全文

摘要： jQuery Unveil 是一款轻量的延迟加载插件，支持提供用于视网膜显示设备的高分辨率图像。这个插件非常有用，它能提高长网页中图像的加载性能，因为视口以外的图像（可见部分网页）将不会被加载，直到用户滚动到它们所在的区域。延迟加载有一些很酷的选项，如自定义效果，容器，事件或数据属性。如果你不想使用这些功能，你可以减小文件的大小，只留下必要的代码来显示图像。在线演示 阅读全文

摘要： Notepad++ 是一款无比轻巧便捷的代码编辑工具。它无可挑剔的启动速度，优秀的语法高亮，干净整齐的代码缩进，便捷的括号高亮匹配赢得了无数人的喜爱。但，不知道有多少同学跟我一样，在coding 时被 Notepad++ 粗陋的代码自动补全折磨的体无完肤（Notepad++那甚至不能叫自动完成）。虽然无比羡慕诸如Dreamweaver之类的代码自动完成，但固于上述提到的几点Notepad++的优秀之处，纠结中毅然依旧坚守Notepad++。而 Zen Coding 的横空出世，总算终结了这种纠结，让我们得以以一种无比帅气的方式书写代码。先看一段演示视频吧（建议反复观摩，其中演示了 Zen Co 阅读全文

摘要： this 是 JavaScript 中的一个关键字，它可以指向 window、函数、对象、全局变量，甚至是一个 Dom 元素，this 这是闹哪样啊？this 到底是指向什么？“模棱两可”的 this 几乎把前端开发们逼疯了。但我认为“模棱两可”的 this 恰恰是 JavaScript 灵活性的体现，如果摸清 this 的“脾气”，不旦不会加剧程序的复杂性，反而会让我们的代码更健壮。this 的“脾气”并非是老虎的 P 股摸不得。我对使用 this 的场景作了一下分类，不过大家要知道，不管 this 的用法有多少，都是万变不离其宗的，它的宗旨可以总结成两句话，第一句话引自《JavaScrip 阅读全文

摘要： 原文地址关于 JavaScript 的事件绑定在网上已经有不少相关的资料了，今天这篇文章也是在被同事问及的时候才顺便把它记录下来，算是 JavaScript 事件绑定中的一个小技巧，如果能在工作中善加利用，会有出其不意的效果。其实没有什么新的知识点，只是为了方便其他有需要的朋友们翻阅，对自己而言也算是一个积累，所以只能算是闲谈 JavaScript，老鸟们可以尽情飘过。在进入正题之前，先提个问题热热身吧。现在有如下 HTML 结构：<div id="wrap"> <input type="button" value="按钮一& 阅读全文

摘要： (点击查看原文地址)这个基于 jQuery 的多功能无缝滚动插件是我在几个月之前就写好的，只是碍于时间没有把插件公开出来，近段时间，这个插件陆续在公司的几个项目中得到应用，尝试效果还算不错，期间也修复了一些 bug，自我感觉这个插件在功能上已经比较成熟，现在就分享给大家。首先，来说明一下，这个“多功能”无缝滚动插件，到底怎么“多功能”？marquee.js 插件一共提供了 13 个可选的配置参数，是我所能想到的一般无缝滚动所可能涉及到的多样化了。简单来看一下这些参数有：auto {boolean} 是否自动滚动interval {number} 间隔时间（毫秒）speed {number} 移 阅读全文