摘要：
来自http://fff.cmiscm.com/#!/main1、散景（Bokeh）一种图像的焦外效果，通过HTML5实现的这种效果可以加载在背景、字体浮现。2、3D效果3D西红柿罐头汤，可通过鼠标进行旋转操作，同时底部有一个倒影效果，一个很优秀的交互效果示范。3、宇宙全景图设定整个宇宙的场景，可以用360度观察整个宇宙星云，这种实现方式呈现出的效果更接近Google的街景地图。4、像素化效果这种效果用于图片很有趣，而实际可利用到的领域，还有待探索。5、螺旋效果字体的旋转效果，简单的近乎一张GIF图片，不过通过对文章的替换，可以轻易的转换成各种各样的文案展示。6、结晶化滤镜通过鼠标可选择结晶化 阅读全文
摘要：
下面这15个超炫的网页效果，都是用HTML5实现的。1、Canvas Cycle2、Google Gravity3、Canvas Trees4、Magnetic5、Celebrity Earnings Graph6、Canvas Ribbon7、WebGL Water8、Chrysaora9、Voxel Rain10、HTML5 文本效果11、旋转的 HTML5 Logo12、3D 绘图13、mta.me Conductor14、Doogle Gmail15、W Pilot英文原文:http://www.hongkiat.com/blog/15-html5-experiments/ 阅读全文
摘要：
Morris.jsMorris.js 是基于 jQuery 和 Raphaël 的轻量级矢量图形库，帮助开发人员轻松绘制各种形式的图表。示例：HTML:JavaScript：new Morris.Line({ // ID of the element in which to draw the chart. element: 'myfirstchart', // Chart data records -- each entry in this array corresponds to a point on // the chart. data: [ { year: &# 阅读全文
摘要：
HorizontalNav这是一款水平方向的 jQuery 导航插件，能够自适应容器的宽度。使用示例： HTML：123456789Navigation ItemWorkBlogAboutContact CSS：+ View Code JavaScript：1234$(document).ready(function() {// Call horizontalNav on the navigations wrapping element$('.full-width').horizontalNav({});}); 插件下载 效果演示stickyMojostickyMojo 是一款 阅读全文
摘要：
Zoomooz.jsZoomooz.js 是一款易于使用的插件，能使任何网页元素放大，支持 3D 转换。使用示例：123456$(document).ready(function() {$("#element").click(function(evt) {$(this).zoomTo({targetsize:0.75, duration:600});evt.stopPropagation();});}); 插件下载 效果演示equalize.jsequalize.js 是一款非常有用的jQuery插件，用于均分元素的宽度或者高度。使用示例：123456$('.par 阅读全文
摘要：
jQuery Complexify网站有责任告诉用户他们设置的密码的质量，这款插件可以显示密码的复杂程度，通过视觉反馈把风险降到最低。使用非常简单，示例 HTML 代码： 0% Complexity 示例 CSS 代码：#demo { width:380px; margin-right:auto; margin-left:auto;}#progressbar { width:388px; height:48px; display:block; border-left:1px solid #c... 阅读全文
摘要：
tiltShift.js tiltShift.js 是一款很棒的 jQuery 插件，使用 CSS3 图片滤镜实现移轴镜头的效果。 使用非常简单，使用 data 属性配置参数，HTML 示例：-position（0-100），定义对焦点的位置。-blur（0 - ？），模糊半径。设置为1或2比较合适。-focus（0-100），焦点的区域大小。-falloff（0-100），完全焦点和完全模糊之间的区域大小。-direction（“x”，“y”，或 0-360），方向。 JavaScript 调用示例：$(function() { $('.tiltshift').tiltShi 阅读全文
摘要：
英文原站 地址http://www.jquery4u.com/1.倒计时数字钟设计一个JavaScript圣诞倒计时数字时钟，这个数字钟利用网站访问者的计算机上的时间来进行倒计时，因此这个脚本非常灵活，可以根据不同的时区设置对应的时间。源码/演示2.闪烁的彩灯在网页中展示彩灯效果，你只需要把下面链接中的代码粘贴到网页的HTML中即可。源码/演示3.谷歌的圣诞涂鸦随着圣诞节的临近，我们应将精力从丰盛的晚餐转移到一些更有意义的事情上，这样才能保持好身材。因此，让我们试试用jQuery和CSS创建谷歌的动画logo！源码/演示4.雪花效果用这个超棒的动画效果装饰你的网站吧！雪花在页面中轻轻飘下，直至 阅读全文
摘要：
Grid portfolio使用竖排方式显示条目信息，现在很流行的的内容布局方式。Slide out contextual tips通过扩展一个平滑的动画显示用户想看到的一些特别的内容，例如用来显示更多的产品等。Quicksand – reorder and filter这是一个非常不错的 jQuery 插件，用于实现动画洗牌效果jVectorMapJVectorMap 是一个显示矢量地图的jQuery插件.它使用 SVG 在Firefox 3 or 4, Safari, Chrome, Opera, IE9, 同时也支持老的ie浏览器ie6到ie8.使用 jVectorMap也很简单，和其他 阅读全文
摘要：
阅读全文