首页风格
门户
博客

分享8个超棒的基于HTML5和jQuery的开发教程

日期:2011/12/15  来源:GBin1.com

分享8个超棒的基于HTML5和jQuery的开发教程

HTML5和jQuery组合目前对于web开发人员来说是强大的工具之一,使用这个组合能够帮助你扩展你设计的局限,实现一些非常绚丽及其强大的web应用或者网站。尤其是最近jQuery 1.0的发布,更助力了移动设备的开发。现在已经有很多的开发人员和设计人员开始使用HTML5和jQuery配合开发来显示各种特效。今天我们将给大家推荐8个精心选择的HTML5和jQuery组合开发的教程,希望对大家有帮助,如果你喜欢这些教程,请给我们留言,谢谢!

精选之英文教程

1.  HTML5和jQuery的灰度图片悬浮效果

在这个教程中,作者使用HTML5的canvas将针对网站图片做不同的灰度处理。这个演示中使用HTML5和jQuery的黄金组合来动态的克隆颜色来实现灰度效果。整个显示非常炫。是学习HTML5 canvas的不错实战教程。

分享8个超棒的基于HTML5和jQuery的教程 gbin1.com

2.  使用HTML5 audio及其jQuery实现的全屏的幻灯演示

使用HTML5 audio来实现音效,使得jQuery的幻灯演示更加逼真并且富有创意。

分享8个超棒的基于HTML5和jQuery的教程 gbin1.com

3.  使用jQuery和HTML5实现的照相机快门效果

在这个教程中,我们将学习使用HTML5 canvas元素来创建一个图片作品集,并且使用快门效果来展示作品。这个将功能被开发成了一个jQuery插件,你可以很方便的在你的web应用中使用。

分享8个超棒的基于HTML5和jQuery的教程 gbin1.com

4.  一个jQuery和HTML5实现的导航菜单

这是一个超级简单的使用HTML5和jQuery实现的导航菜单,使用简单的CSS3属性来美化菜单UI。

分享8个超棒的基于HTML5和jQuery的教程 gbin1.com

5.  使用HTML5,CSS3和jQuery实现的弹出条

这个教程将介绍使用CSS3, HTML5和jQuery来实现一个弹出条。这个弹出条将悬浮于页面内容之上。可以用来帮助提示读者最新的消息,博客,微博等等。

分享8个超棒的基于HTML5和jQuery的教程 gbin1.com

精选之中文教程

1. 使用HTML5和jQuery插件Quicksand实现一个超酷的星际争霸2兵种分类展示效果

这个教程中,我们使用HTML5的data定义及其Quicksand插件实现了一个星际争霸2全兵种展示功能。希望对大家处理图片展示有帮助。

分享8个超棒的基于HTML5和jQuery的教程 gbin1.com

2. 使用HTML5和jQuery插件Reel实现一个超酷的星际争霸2兵种动画360度预览效果

这个教程中,使用HTML5和360度展示插件Reel 1.1.3 实现了一个兵种全角度欣赏的特效。

分享8个超棒的基于HTML5和jQuery的教程 gbin1.com

3. 使用jQuery开发一个基于HTML5的漂亮图片拖拽上传web应用

一个使用HTML5的拖放API是实现的文件上传功能。允许用户使用拖拽方式来上传电脑上的图片,使用现代浏览器支持的新HTML5 API。

分享8个超棒的基于HTML5和jQuery的教程 gbin1.com

来源:分享8个超棒的基于HTML5和jQuery的开发教程

喜欢我们的文章请您与朋友分享:

?ü?à

留言

友情提示: 本站博客不再支持访客留言,如果有问题或者留言,请发布到  GBtags.com


  1. Terry

    目前有些浏览器不支持HTML5,不过这是个大趋势,很多网站开始使用HTML5构建网页了,而我们作为web开发人员现在就应该开始了解并且使用html5。具体可以查看GBin1其它相关文章,对你会有帮助,况且HTML5不是什么复杂技术。早接触对你了解前端开发有益无害。
    2011-12-21 下午5:06

  2. jiang

    收藏了。
    想问一下,jquery+html5+css3 虽然是黄金组合,未来的发展方向,但目前的浏览器支持情况如何?是否可以作为商业应用?
    2011-12-17 下午12:48

  3. shirley

    很实用
    2011-12-16 上午11:43
今日推荐