最近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代码如下:
...