【IT168 技术】HTML5 和jQuery组合目前对于web开发人员来说是强大的工具之一,使用这个组合能够帮助你扩展你设计的局限,实现一些非常绚丽及其强大的web应用或者网 站。尤其是最近jQuery 1.0的发布,更助力了移动设备的开发。现在已经有很多的开发人员和设计人员开始使用HTML5和jQuery配合开发来显示各种特效。今天我们将给大家 推荐8个精心选择的HTML5和jQuery组合开发的教程,希望对大家有帮助!
精选之英文教程
1. HTML5和jQuery的灰度图片悬浮效果
在这个教程中,作者使用HTML5的canvas将针对网站图片做不同的灰度处理。这个演示中使用HTML5和jQuery的黄金组合来动态的克隆颜色来实现灰度效果。整个显示非常炫。是学习HTML5 canvas的不错实战教程。
2. 使用HTML5 audio及其jQuery实现的全屏的幻灯演示
使用HTML5 audio来实现音效,使得jQuery的幻灯演示更加逼真并且富有创意。
3. 使用jQuery和HTML5实现的照相机快门效果
在这个教程中,我们将学习使用HTML5 canvas元素来创建一个图片作品集,并且使用快门效果来展示作品。这个将功能被开发成了一个jQuery插件,你可以很方便的在你的web应用中使用。
4. 一个jQuery和HTML5实现的导航菜单
这是一个超级简单的使用HTML5和jQuery实现的导航菜单,使用简单的CSS3属性来美化菜单UI。
5. 使用HTML5,CSS3和jQuery实现的弹出条
这个教程将介绍使用CSS3, HTML5和jQuery来实现一个弹出条。这个弹出条将悬浮于页面内容之上。可以用来帮助提示读者最新的消息,博客,微博等等。
精选之中文教程
1. 使用HTML5和jQuery插件Quicksand实现一个超酷的星际争霸2兵种分类展示效果
这个教程中,我们使用HTML5的data定义及其Quicksand插件实现了一个星际争霸2全兵种展示功能。希望对大家处理图片展示有帮助。
2. 使用HTML5和jQuery插件Reel实现一个超酷的星际争霸2兵种动画360度预览效果
这个教程中,使用HTML5和360度展示插件Reel 1.1.3 实现了一个兵种全角度欣赏的特效。
3. 使用jQuery开发一个基于HTML5的漂亮图片拖拽上传web应用
一个使用HTML5的拖放API是实现的文件上传功能。允许用户使用拖拽方式来上传电脑上的图片,使用现代浏览器支持的新HTML5 API。
来源:分享8个超棒的基于HTML5和jQuery的开发教程
分享到:
相关推荐
《jQuery+BootstrapWeb开发案例教程(在线实训版)》案例源码.zip
《jQueryWeb开发案例教程(在线实训版)》案例源码.zip
品名:JavaScript & jQuery...用途:前端开发人员及javascript 与 jQuery 铁粉珍爱学习资料,web前端开发或学习爱好者不可多得的学资料,本教程出自清华大学出版社,内容十分受用,喜欢技术研究和学习的您一定会懂得!
JavaScript jQuery交互式Web前端开发
交互式Web前端开发》欢迎选择一种更高效的学习JavaScript和jQuery的方式。你是一名JavaScript新手?或是您曾经向自己的Web页面上添加过一些脚本,但想以一种更好的方式来实现它们?本书非常适合您。《JavaScript&...
构建实时Web应用:基于HTML5 WebSocket、PHP和jQuery(英文版) Realtime Web Apps: With HTML5 WebSocket, PHP, and jQuery
jQuery移动Web开发(第二版)源代码
此源代码,主要讲述如何将JavaScript和jQuery与html、css技术相结合,开发交互性强的网页,适用刚刚入门的小伙伴。
Jquery API&全套WEB开发手册
更高效的学习JavaScript和jQuery,快速成为一名Web前端工程师,零基础快速掌握 作者:(美)达科特(Duckett, J.)出版社:清华大学出版社 第1章 编程基础知识 第2章 JavaScript基础指令 第3章 函数、方法与对象 第4章 ...
JavaScript & jQuery交互式Web前端开发_PDF电子书下载 高清 带索引书签目录_(美)达克特著_北京:清华大学出版社
《JavaScript & jQuery 交互式Web前端开发.pdf》2015年的书,彩版
jQuery的基础教程文档,非常的实用,讲解很细致,适合于新手以及需要进阶的web开发人员,也可以当做web开发人员日常的参考文档
Web前端开发案例教程(HTML5+CSS3)(微课版)_源代码.zip
在此基础上,本文对SSH框架和jQuery技术在Java-Web开发中的应用进行了探讨。同时,本文结合时代技术发展的特点,对基于SSH框架的Java-Web数据库配置设计方法进行了研究,并对基于jQuery技术的Java-Web功能优化设计方法...
或是您曾经向自己的Web页面上添加过一些脚本,但想以一种更好的方式来实现它们?本书非常适合您。本书不仅向您展示如何阅读和编写JavaScript代码,同时还会以一种简单且视觉化的方式,教您有关计算机编程的基础知识...
HTML5、CSS3与jQuery俨然成为了标准Web制作技术的黄金组合。《HTML5+CSS3+jQuery应用之美》由韩国专业视觉设计师倾力奉献其多年商业网站设计与制作的从业经验,通过八大商业案例,以HTML5搭建结构、CSS3设置样式、...
资源名称:jQuery应用开发实践指南内容简介:这是一本完全以实例方式来全方位讲解jQuery应用开发的著作,由Ajax领域的技术权威撰写。书中不仅详细讲解了jQuery的各种组件的功能特性和jQuery应用开发的流程与方法,...
《JQUERY应用开发实践指南》示例代码,希望对需要的同学有用。
建议开发童鞋使用跨平台开发工具——统一开发环境UDE来进行查看、调试、开发哦~~统一开发环境是一款HTML5跨平台一站式应用开发、调试和部署工具, 它支持HTML5跨平台开发,原有Java跨平台插件支持Android、Symbian、...