最近2天研究了下 腾讯发表微博的效果 特此来分享下，效果如下：

在此分享前 来谈谈本人编写代码的习惯，很多人会问我既然用的是jquery框架 为什么写的组件不用Jquery那种形式？我当时回答的是：每个人编写代码有每个人的习惯。但是我更想表达的是：这种编码个人觉得 有一个很大的优点，我不是非常依赖于Jquery框架，因为不同的公司有不同的框架 比如在淘宝用的kissy框架 在支付宝用的是支付宝框架 在百度用的是百度框架 在腾讯有腾讯的前端js框架 假如我的编写代码太依赖于j

• 购书
• 免费资源
• 博客
• 课程
• 在线帮助
• 目标
...

jquery.flip介绍：

Flip!是一个能够让任意HTML、文本或jQuery Element产生漂亮翻转效果的jQuery插件。可以配置翻转方向：从右到左、上到下或从左到右、下到上。翻转的速度也可以配置。
...

先看radio/checkbox效果对比:

下边贴出源码，实现的原理很简单，就是，先隐藏input[type=radio/checkbox]，然后2中状态图片的切换，同时触发值得改变。

需要引的资源：

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>

...

图片预览主要包括两个部分：从file表单控件获取图像数据，根据数据显示预览图像。

图片上传预览是一种在图片上传之前对图片进行本地预览的技术。
使用户选择图片后能立即查看图片，而不需上传服务器，提高用户体验。
但随着浏览器安全性的提高，要实现图片上传预览也越来越困难。
不过群众的智慧是无限的，网上已经有很多变通或先进的方法来实现。
例如ie7/ie8的滤镜预览法，firefox 3的getAsDataURL方法。
但在opera、safari和chrome还是没有办法实现本地预览，只能通过后台来支持预览。

禁止copy、禁止Ctrl、禁止shift、禁止alt、禁止快捷菜单、禁止右键

代码如下：（建议保存到一个js文件中，例如：nocopy.js）

function iEsc(){ return false; }
function iRec(){ return true; }
function DisableKeys() {
...

摘要：

桌面通知，我们经常看到的比如QQ，Skype在右下角的消息提醒。在网页中我们也可以用Javascript模拟实现这一功能，只是这个消息框中浏览器中。目前浏览器依然是一个严格的沙盒工作模式，这种模式把浏览器和桌面的通信隔离开，但WHATWG下在讨论的一种特性Notification可以跨越沙盒通过桌面向用户发出浏览器的通知。现在在Html5中也可以实现这一功能，目前Notification的浏览器支持情况不大好，我测试了一下,IE9，FF12，FF20，Opera11不支持，Chrome支持最好。 

例子截图：

HTML代码如下：

 	

 		首页
 		关于Camnpr
 		案例展示
 		联系方式

 	
 
...