8 款别具一格的 jQuery/HTML5 插件

这两年HTML5发展得越来越成熟,许多基于HTML5的应用也日益增多,jQuery又是前段开发利器,jQuery结合HTML5自然能够设计出非常棒的产品,本文介绍8款别具一格的jQuery/HTML5应用插件。 

1、HTML5 Canvas 3D立体图片展示插件  

这款特效是基于HTML5 Canvas实现的,利用HTML5中的3D技术实现了3D立体的图片墙,需要支持HTML5 3D技术的浏览器才能正常演示。 



在线演示     /     源码下载  

2、jQuery和CSS3实现的仿Android Dock效果  

Android Dock效果,可以用jQuery结合CSS3实现哦。 



在线演示     /     源码下载  

3、HTML5放大镜特效  

这是一款利用纯HTML5制作的图片放大镜特效,很棒。 



在线演示     /     源码下载  

4、漂亮的纯CSS3图标按钮组合  

图标简洁清爽,按钮美观大方,很不错的一款按钮特效。 



在线演示     /     源码下载  

5、jQuery环形动画菜单  

这是一款少有的jQuery菜单,很显然,环形动画是它最大的亮点,很有创意哦。 



在线演示     /     源码下载  

6、HTML5水滴效果  

这是利用HTML5来模拟的水滴效果,你可以在图片上轻轻点击,即能出现逼真的水滴动画。 



在线演示     /     源码下载  

7、带手风琴菜单的图片播放插件Slidorion  

这个jQuery插件非常不错,不仅拥有图片播放功能,而且拥有手风琴折叠效果。 



在线演示     /     源码下载  

8、CSS3伪元素实现的3D按钮  

一共5组按钮,是一款绚丽的CSS3按钮特效。 



在线演示     /     源码下载  
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
让IE(包括IE6)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement声明,利用条件注释针对IE来调用这个js文件。Opera,FireFox等其他非IE浏览器就会忽视这段代码,也不会存在http请求。 <!–[if IE]> <script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script> <![endif]–> 上面这段代码仅会在IE浏览器下运行,还有一点需要注意,在页面中调用html5.js文件必须添加在页面的head元素内,因为IE浏览器必须在元素解析前知道这个元素,所以这个js文件不能在页面底部调用。 这个html5的js文件是作者把他放在Google code project上提供给大家可以直接调用的,当然,如果觉得这样会影响你的网页打开速度,你可以把html5的js文件直接下载下来让后上传到自己的服务器单独调用。 以下是html5的js文件中的代码: (function(){if(!/*@cc_on!@*/0)return;var e = “abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video”.split(’,'),i=e.length;while(i–){document.createElement(e[i])}})() 除了在网页中调用包含以上代码的js文件来让IE浏览器支持HTML5元素以外,你也可以以下面这种方式把代码直接添加到网页中。 <!–[if IE]> <script> (function(){if(!/*@cc_on!@*/0)return;var e = “abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video”.split(’,'),i=e.length;while(i–){document.createElement(e[i])}})() </script> <![endif]–>

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值