关于层的智能浮动效果早在几年前我就在国外的一些个人网站的垂直导航上见到了，现在似乎在国内一些商业网站上也屡见此效果，例如淘宝网的搜索结果页的排序水平条，在默认状态下，滚动条跟随页面滚动，随着页面向下滚动，当此水平条接触浏览器的上边缘时，水平条独立出来，不跟随滚动条滚动了。类似的效果在新浪微博上也有，页面滚动，新动态提示开始要淡出浏览器窗口的时候，其浮动于浏览器窗口的最上沿显示，此效果实现原理其实很简单，本文就将展示其在jQuery和MooTools下的实现。提供代码以及demo效果展示，希望能对您的学习有所帮助。
“JS相关”目录存档
js页面滚动时层智能浮动定位实现(jQuery/MooTools)
2010年11月11日，星期四textField – jQuery文本域操作集插件展示
2010年10月26日，星期二老早就有个想法，要把文本域（正规叫法为“多行文本输入框”，我个人喜欢称之为“文本域”）相关的一些操作啊效果啊什么的全部集中到一起，然后以后使用的时候就不要再去分别写啦。酝酿的差不多了，就抽了两个晚上把这个几乎集textarea文本域相关的一些交互全部集中到了一个js文件中，我将其命名为jquery.textField.js。
这是一个关于多行文本框的还算蛮强大的插件，其功能包括：文字还可以（需要）输入或是超出的提示，文字个数合法与否与按钮可用与否的关联，失去焦点获得焦点多行文本框的样式变化，支持默认的文字提示在隐藏与显示，历史记录，Ajax自动保存等。本文提供截图效果展示，提供demo展示，一些源代码展示，同时对各个API参数进行的简单的介绍。希望能对您的学习提供帮助。
Colortip – jQuery文字信息提示插件简介
2010年10月15日，星期五jQuery tip类的信息提示插件层出不穷，但是我都没有介绍，为什么呢？就跟谈恋爱一样，虽然前面走过的女生不少，不错的也不少，但是自己没有谈恋爱的心思，也是鸳鸯蝴蝶一场梦，非要在那个特定的时间点上，正好遇到一个人，觉得……于是……这就是所谓的缘分。所以，这里介绍这个Colortip信息提示插件，不是因为这个插件多么多么的好，长得多么多么的迷人，只是自己觉得是不是应该像以前一样，分析介绍一些不错的常用的插件啊，正好，今天让我遇到了它，觉得好像还挺靠谱的，于是，就拿来成文。这就是缘分那！
小插件，内容不多，效果还凑合。提供截图效果展示，中文demo，还有精巧的源文件下载，希望能对您的学习有所帮助。
js下拉菜单实现与可访问性问题的一些思考
2010年09月10日，星期五从本文的题目可以看出，内容的重点在于“下拉菜单”“可访问性”，其实前面的“下拉菜单”只是用来示例，“可访问性”才是本文的重点。本文就页面的“可访问性”讲了很多。一如既往，丰富的截图，必要的代码示例，还有UI良好的demo页面。天色已晚，话不多说，总之，应该会对您的学习有所帮助的。
新版无图片版zxxbox jQuery弹出框插件
2010年09月7日，星期二
当初写zxxbox jQuery弹出框插件纯粹是学习的目的，另外就是临时应付个人站点上的一些弹框应用。所以写得比较简单，业余，并没有期望谁会去使用它。但是，后来，一些同行的留言以及相关的交流发现，还是有人使用此轻便，简洁的弹框效果的。
但是，一方面由于自己之前的水平比较稚嫩，同时，对插件的逻辑没有很好的梳理。所以，之前版本的弹出框插件，虽然也能用，但是，功能确实有效，不能给内置的弹框按钮添加回调方法，不支持Ajax加载，而且，还有些小的隐晦的bug等，在调用上也是有点不利索的。所以，这几天，我就把之前的zxxbox弹出框插件重新写了下。虽然弹框的UI界面还是更之前的一样，但是，内部的逻辑，调用，以及参数等都有所不同，可以说是从底层核心都改变了。所以，只是简单的以插件更新的方式放在之前的文章下，则会有有力使不出的感觉。故，另起一篇文章，对新版的zxxbox弹出框插件参数，使用等细致地讲解下，希望对有需要的同行有所帮助。
js写的打方块打飞机小游戏
2010年09月1日，星期三本文只要展示我近两天突然冲动写的个游戏，用的是js写的，使用的js库位jQuery，其中还有一点音效是与flash交互实现的。其实没有什么内容，就是希望有人可以试着玩玩这个游戏。就这些，里面有不少关于游戏的截图，如果您有兴趣，可以试着玩一下，欢迎提出建议与提出bug。
Apple iphone4官网图片“视网膜”放大效果实现
2010年08月25日，星期三
本文的内容就是展示苹果(Apple) iphone 官网上帅气的图片放大显示效果，同时并对其实现进行一番简单的讲解。内容主要涉及CSS3以及一些交互效果的实现，一如既往，巨丰富的页面截图，必要的代码展示，还是就是效果精湛的demo页面，但是，由于自身的懒惰，本文不提供打包的源文件下载。
本文的内容还是有一定的实际意义的，在实际的项目中是可以试试这种交互体验上佳的效果的。就技术而言，里面关于CSS3的一些内容，以及图片放大显示的实现，都有一定的学习价值的。总之，希望本文的内容能够对您的学习有所帮助。
js+flash(as3)实现复制文字内容到剪切板
2010年08月17日，星期二单纯的js复制文字到剪切板较啰嗦，由于考虑到安全性等原因，使用类似点击按钮这类复制文字内容的操作往往多有限制，所以，总的来看，使用js实现文字等内容的复制不是个好方法。既然，js实现文字的复制有点啰哩吧嗦的，我们可以转向其他的方法，例如JavaScript的近亲，ActionScript，在AS3下，实现文字复制到剪切板要比js轻松很多。本文就是介绍如何通过flash为媒介实现将web页面上的文字复制到剪切板中。
提供代码展示，提供demo页面，提供源文件打包下载，希望能对您的学习有所帮助。
网页制作辅助工具-jQuery标尺参考线插件
2010年08月2日，星期一本文介绍的是我最近几天写的，自认为还不错的一款jQuery插件，此插件用来在页面上显示标尺，同时创建参考线。UI效果模仿著名的图像制作编辑软件photoshop，里面的一些也与photoshop一致，例如标尺的显示隐藏，参考线的显示与隐藏，拖移标尺可以新建参考线，参考线可以随意移动，可以使用对话框新建参考线，支持快捷键操作等。
另外，自己还更近一步，提供了很多标尺，参考线相关操作的接口，可以实现自定义的一些功能。例如页面加载显示自定义的参考线等。总之，个人认为是自己近期写得相当满意的一款插件。同样的，本文提供丰富的截图，必要的demo以及代码展示，以及源文件打包下载。希望能对您有所帮助。
团购类网站倒计时的js实现
2010年07月27日，星期二本文内容很简单，就是展示下如何使用js脚本实现倒计时效果。倒计时效果在团购类网站上可谓必须确定以及肯定会有的，如今团购网站如雨后春笋，一个接一个的冒出来，所以，这类前端效果还是有些实用价值的，故有此文，希望对有需要的同行们提供些帮助。
外甥点灯笼——照旧，有截图，有demo，有代码展示，以及提供必要的文件下载。
我的应用
我的应用