正是微博如火如荼的时节，其中各个微博的分享功能是网站推广产品的好东东啊，此时如何方便快捷的使用微博的分享功能就显得比较重要了。
一般翻译软件都有划词翻译功能，启用后，随便选中那个软件的一段文字，就会出现类似这样子的浮动提示框。
在web页面上，我们也是可以实现类似的效果的：划词→显示提示→分享。这样子，我们就可以轻松地将页面上的内容分享到新浪微博这些微博网站上了。
本文提供demo页面，提供源代码展示，必要的截图。总之，希望能对您的学习有所帮助。
“JS相关”目录存档
js页面文字选中后分享到新浪微博实现
2011年02月12日，星期六HTML5 drag & drop 拖拽与拖放简介
2011年02月9日，星期三本文简单介绍了下利用HTML5 drag & drop API非常简单轻松地实现拖拽与拖放效果。提供一些关键术语的讲解，提供简单实用的demo页面，提供必要的源代码展示和效果截图。总之，希望能对您的学习有所帮助。
js面向数据编程(DOP)一点分享
2011年01月18日，星期二面对数据编程(data-oriented-programme)这个概念第一次接受是在前年阿里巴巴举行的D2前端论坛上，来自Baidu金大为：《模板语言与大前端》的分享，面对数据编程在处理大数据量交互的情况下非常好用，性能高，维护方便，思路简单清晰，不易出bug。本文还是那样，讲讲废话，举举例子，画画图，展示下代码，写个pp的demo页面，中间再插几个冷笑话。不是什么高深的东西，比我还懂的人大把大把，这里算是点自我总结，是自我提高，也希望能对跟我一样js新人提供些帮助。
jQuery powerFloat万能浮动层下拉层插件
2010年12月16日，星期四
本文就是介绍自己最近一直在整的一款jQuery插件，名为powerFloat，中文名为万能浮动层插件。顾名思意就是可以实现基本上一切与某元素有位置关系的浮动效果。插件虽然强大，但是考虑到API的精炼，虽然制定了不少特殊的规则，所以此插件在学习成本上比一般的插件要高一点。这也是为何本文的内容会比较长的原因。其他就不多说了，虽然王有婆卖瓜的味道，但是我还是要说这个插件还是挺不错的。如果您对其中的规则都熟悉的话，会对您开发制作页面有很大的帮助的。主要是省掉了很多的功夫。
小tip：iframe高度动态自适应
2010年12月7日，星期二我从来对iframe就没有什么好感，对其基本上是不屑一顾。但是人在江湖，身不由己。经理发话，新功能使用iframe实现，没办法，只好折腾，其中麻烦的是高度自适应的问题。后来，参考国外一些实现方法，根据原理提炼出了一个比较简单通用可行的方法。作为小小tip展示下，做备忘用。
本文内容不算多，但是该有的demo还是有的，该有的代码展示也是有的，有必要的截图。总之，希望能对您的学习提供帮助。
jQuery页面滚动图片等元素动态加载实现
2010年11月19日，星期五常常会有这样子的页面，内容很丰富，页面很长，图片较多。比如说光棍节很疯狂的淘宝商城页面。或者是前段时间写血本买了个高档耳机的京东商城页面，或者是新浪微博之类。
这些页面图片数量多，而且比较大，少说百来K，多则上兆。要是页面载入就一次性加载完毕。乖乖，估计黄花都变成黄花菜了。所以，我们得做点什么，避免这种糟糕的状况发生。目前很流行的做法就是滚动动态加载，显示屏幕之外的图片默认是不加载的，随着页面的滚动，这个要显示图片的区域进入了浏览器可是窗口范围，则触发图片的加载显示。这种做法的好处是，一是页面加载速度快（浏览器转啊转的圈圈或是进度条很快就玩完了），二是节约了流量，因为不可能每个用户浏览页面时从头滚到尾的。
本文就是讲解如何通过jQuery实现这类滚动动态加载的实现。提供源代码下载，提供demo页面以及必要的截图展示。希望能对您的学习有所帮助。
最近整的MooTools库下Mbox弹框插件
2010年11月17日，星期三不知道数年前，公司的前辈出于什么原因选择了MooTools库（貌似在国内不是很热），用Google趋势一搜这5个js库jQuery, mootools, YUI, dojo，extjs，结果如下图：
可怜的MooTools库垫底，但是，研究研究此库还是学到不少东西的，其OO思想，就如同JavaScript高级程序设计书中所展示的一样，基础不佳者往往很难驾驭，学习门槛高限制了其蓬勃发展啊，你看人家jQuery，即使JavaScript很初级的人也能整出点小花样，这种感觉就是——即使我很菜，我也能泡到美女，你说人家能不招人喜欢吗？
js页面滚动时层智能浮动定位实现(jQuery/MooTools)
2010年11月11日，星期四关于层的智能浮动效果早在几年前我就在国外的一些个人网站的垂直导航上见到了，现在似乎在国内一些商业网站上也屡见此效果，例如淘宝网的搜索结果页的排序水平条，在默认状态下，滚动条跟随页面滚动，随着页面向下滚动，当此水平条接触浏览器的上边缘时，水平条独立出来，不跟随滚动条滚动了。类似的效果在新浪微博上也有，页面滚动，新动态提示开始要淡出浏览器窗口的时候，其浮动于浏览器窗口的最上沿显示，此效果实现原理其实很简单，本文就将展示其在jQuery和MooTools下的实现。提供代码以及demo效果展示，希望能对您的学习有所帮助。
textField – jQuery文本域操作集插件展示
2010年10月26日，星期二老早就有个想法，要把文本域（正规叫法为“多行文本输入框”，我个人喜欢称之为“文本域”）相关的一些操作啊效果啊什么的全部集中到一起，然后以后使用的时候就不要再去分别写啦。酝酿的差不多了，就抽了两个晚上把这个几乎集textarea文本域相关的一些交互全部集中到了一个js文件中，我将其命名为jquery.textField.js。
这是一个关于多行文本框的还算蛮强大的插件，其功能包括：文字还可以（需要）输入或是超出的提示，文字个数合法与否与按钮可用与否的关联，失去焦点获得焦点多行文本框的样式变化，支持默认的文字提示在隐藏与显示，历史记录，Ajax自动保存等。本文提供截图效果展示，提供demo展示，一些源代码展示，同时对各个API参数进行的简单的介绍。希望能对您的学习提供帮助。
Colortip – jQuery文字信息提示插件简介
2010年10月15日，星期五jQuery tip类的信息提示插件层出不穷，但是我都没有介绍，为什么呢？就跟谈恋爱一样，虽然前面走过的女生不少，不错的也不少，但是自己没有谈恋爱的心思，也是鸳鸯蝴蝶一场梦，非要在那个特定的时间点上，正好遇到一个人，觉得……于是……这就是所谓的缘分。所以，这里介绍这个Colortip信息提示插件，不是因为这个插件多么多么的好，长得多么多么的迷人，只是自己觉得是不是应该像以前一样，分析介绍一些不错的常用的插件啊，正好，今天让我遇到了它，觉得好像还挺靠谱的，于是，就拿来成文。这就是缘分那！
小插件，内容不多，效果还凑合。提供截图效果展示，中文demo，还有精巧的源文件下载，希望能对您的学习有所帮助。
我的应用
我的应用