使用HTML5、CSS3和jQuery增强网站用户体验

记得几年前如果你需要添加一些互动元素到你的网站中用来改善用户体验?是不是立刻就想到了flash实现?这彷佛年代久远的事了。使用现在最流行的Web技术HTML5,CSS3和jQuery,同样也可以实现类似的用户体验。而且使用这些特性将会比使用flash更加有效。也许你可能刚知道Adobe停止开发移动版flash的消息,虽然在桌面中我们还拥有大量的flash的应用,但是随着HTML标准的完善,可能flash也要退出历史舞台了。在今天这篇文章中,我们将介绍一些非常实用的教程,技巧和资源来帮助大家构建一个更加丰富的用户界面。请大家给积极我们留言!您的支持是我们的最好的动力!

创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都网站设计、成都做网站、马关网络推广、小程序开发、马关网络营销、马关企业策划、马关品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供马关建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com

表单类

jQuery的美化Checkbox

这个教程将帮助你构建一个非常动感的checkbox,用来替换缺省的checkbox,相信大家会喜欢更富有活力的UI界面

Rethinking forms in HTML5

这是来自Nettus+的超棒教程,将教你如何使用HTML5特性来构建表单

jQuery impromtu

一个alert,对话框等组件的替代品,用户将会更喜欢这种UI元素

jQuery Simple Modal

一个非常灵活的对话框框架,提供了非常好的用户界面设计,能够帮助你生成非常酷的表单

mcDropdown

多层选择下拉框,非常适合树状结构的展现

jQ transform

个人非常喜欢使用的表单美化插件,能够帮助你构建漂亮的UI界面。

Emblematiq niceforms

非常不错的一款jQUery框架,允许你使用设计的主题将表单转化成非常酷UI。当然你也可以自己自定义一个主题

Uniform

Uniform将使用自定义的皮肤遮盖缺省的表单,并且可以和你实际的表单元素同步,保证了访问和兼容

image buttons a part of input fields

教你如何生成输入框中的按钮

DynamicWP contact form

非常不错的WP插件,能够生成一个停靠页边的联系人表单,不使用的时候自动隐藏

jQuery highlight

jQuery高亮显示功能,能够让输入高亮,提示用户输入内容

jQuery inline form validation

个人非常喜欢使用的表单输入验证插件,具体使用参考这篇文章:

使用jQuery插件jquery.validationEngine实现表单验证功能

#p#

导航类

White smoke menu style

这个jQuery开发的导航菜单让人想起了flash开发的菜单效果,整个移动如此的顺畅,让你感觉它就是flash开发的。 兼容所有的浏览器,即使javascript被关闭也可以正常工作。

jQuery mb.Menu

如果你想开发一个多层的属性菜单,那么这个插件就是你要找的解决方法之一。

Coda Slider

一个非常不错的滑动面板,非常适合滑动类型面板的应用。 并且可以使用高级特性增强功能

ID Tabs

如果考虑扩展性,这个插件恐怕是你能找到的最好的面板导航标签页插件了。

Smooth horizontal sliding menu

这个教程教你如何使用jQuery来创建一个垂直滑动显示的子菜单

jBreadCrumb Menu

这个可以缩放的当前位置可以自动根据当前位置长度来缩放,非常不错的创意

jQuery FLOWERNAV

非常动感的一个导航实现, 能够给你的链接添加一个花朵的效果

jQuery Accordion

一个使用非常简单的手风琴显示效果

#p#

用户界面类

jQuery Slide Note

Slide node是一个可以帮助你提供一些有效提示或者信息从而方便你访问用户使用网站的插件。

jQuery page peel

一个非常酷的显示广告的插件。

jQuery infiniScroll

jQuery的无限滚动效果插件,用来帮助你现实大幅的内容

jQuery SliderNav

一个动态垂直滑动显示导航菜单的插件

jQuery tipped

一个非常酷的插件允许你添加提示到你的网站。当然提供了可选的皮肤。

Supersized

一个能够让你的网站背景幻灯显示的插件

Imagin8

不是一个简单的图片幻灯插件,它能够让你指定一个目录,这个目录下的所有图片都能够显示,不需要你在HTML代码中指定,非常实用!

jQuery Lettering

一个可以帮助你控制每个单独字母的插件。 帮助你有效的创建一些独特的文字效果

jQuery stylesheet Switcher

这个插件允许你添加链接来修改页面的样式表

Flip

Flip是一个帮助你实现翻动元素效果的jQuery插件。

文章出自:gbin1.com

【编辑推荐】

  1. 10个超赞便利的HTML 5/CSS3框架推荐
  2. 如何使用HTML 5创建在线精美简历
  3. HTML 5新特性Canvas入门秘籍
  4. 最好的HTML 5编码教程和参考手册分享
  5. 10个让你忘记Flash的HTML 5应用演示

网页题目:使用HTML5、CSS3和jQuery增强网站用户体验
地址分享:http://www.shufengxianlan.com/qtweb/news15/247565.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联