阅读更多

7顶
0踩

Web前端

原创新闻 7 个效果震憾的 HTML5 应用组件

2013-07-02 09:25 by 见习编辑 html5_dev 评论(2) 有10961人浏览
在HTML5的世界里,任何文本、图像都可以变得令人难以想象,很多HTML5应用也都已经随着浏览器的升级而变得运行飞速,而且兼容性也越来越好。下面为大家介绍7款效果震憾的HTML5应用组件,HTML5是强大的,是WEB的未来。

1、HTML5实时动态数据图表

HTML5实时动态数据图表,这是一款基于HTML5技术的网页图表插件,该图表插件功能十分强大,支持区域范围选择、鼠标拖动自定义区域、显示坐标点数据等功能。



在线演示   /   图表下载

2、jQuery/CSS3水平图片悬停效果

这是一款基于jQuery和CSS3的图片悬浮特效,鼠标滑过图片后,图片将悬浮突出显示,并且,整个图片相册是自定义滚动条,非常漂亮,支持滚轮。



素材演示    /    素材下载

3、jQuery书本翻页动画效果

这是一款基于jQuery的书本翻页特效,这款翻页插件非常适合你应用在在线阅读上,这个翻页插件可以让用户有真实的阅读感觉。



素材演示    /    素材下载

4、jQuery网页背景自由切换插件justParallax

justParallax是一款基于JavaScript的网页背景切换插件,该插件允许你随时切换背景图片,并且可以设置网页滚动时背景的移动方式和移动方向。



素材演示    /    素材下载

5、CSS3/jQuery圆盘时钟

这款CSS3时钟是根据你本地的时间而实时走动的,结合jQuery完美的实现了仿真实圆盘时钟的效果。



在线演示    /    素材下载

6、jQuery翻页插件simplePagination

simplePagination是一款基于jQuery的内容分页插件,simplePagination自定义3种不同的风格,你也可以自己定义CSS代码来获取自己风格的分页导航。



在线演示    /    素材下载

7、CSS3鼠标悬停动画按钮

这是一款用纯CSS3制作的鼠标悬停动画按钮,该款CSS3按钮有9组不同的鼠标悬停动画,也分别有9中不同的按钮风格,按钮整体干净大气。



在线演示    /    素材下载

以上就是7款效果震憾的HTML5应用组件,部分素材来自网页素材大全网站,转载请注明出处。

转载请在正文保留原文链接:http://wiki.itivy.com/?p=479
7
0
评论 共 2 条 请登录后发表评论
2 楼 dqm926 2013-07-03 08:43
html5是大势所趋啊!
1 楼 kerry.honghao 2013-07-02 13:11
simplePagination很好用分页

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • struts入门最简单例子

    针对第一次接触struts的同学,为同学们提供一个大家都看得懂的一个简单入门案例,希望在提升自己的同时,如果对别人有一点点的帮助那最好不过了

  • Struts入门

    struts介绍 一、struts是一个实现了MVC模式的Web框架,实际上是一个强大的Servlet 负责处理请求转发和路由 二、struts的基本配置文件是struts-config.xml,通常会在配置文件里面配置多个Action、ActionForm和中转规则,struts-config.xml是通过在web.xml中配置的ActionServlet进行加载的 三、用户访问的服务器的时候,...

  • Struts2入门这一篇就够了

    前言 这是Strtus的开山篇,主要是引入struts框架…为什么要引入struts,引入struts的好处是什么,以及对Struts2一个简单的入门…. 为什么要引入struts? 既然Servlet能够完成的事,我们为啥要用框架呢?? 框架帮我们封装了很多常用的功能 把Web带过来的参数自动封装到JavaBean中[以前,我们刚开始学的时候是单个单个来获取参数的,后来我们又使用...

  • Struts2框架之Action配置

    Struts2框架之Action配置

  • (二)Struts2——action和Action类——精讲&案例

    一、action VS Action 类 action:代表一个struts2的请求。 Action类:能够处理Struts2请求的类。比如我们上篇文章中写的Product类,就是一个Action类,因为他有一个save()方法,可以处理一些请求。 我们可以描述的详细一点: action: 应用程序可以完成的每一个操作. 例如: 显示一个登陆表单; 把产品信息保存起来。 Action类: 属...

  • Struts2快速入门,超简单详细的快速入门教程,一文搞懂JVM架构和运行时数据区

    总的来说,面试是有套路的,一面基础,二面架构,三面个人。最后,小编这里收集整理了一些资料,其中包括面试题(含答案)、书籍、视频等。希望也能帮助想进大厂的朋友总的来说,面试是有套路的,一面基础,二面架构,三面个人。最后,小编这里收集整理了一些资料,其中包括面试题(含答案)、书籍、视频等。希望也能帮助想进大厂的朋友[外链图片转存中…(img-Te6NGYKW-1712114481445)][外链图片转存中…(img-lLOCelRo-1712114481446)]

  • 【Struts2(一)】Strust2入门XML配置-action编写

    1.1 案例需求 1.1.1 需求概述 CRM系统中有客户的显示的功能,效果如图: 我们实际的开发中会使用Struts2作为Web的架构  1.2 Struts2的概述 1.2.1 Struts2的概述 Struts是一种基于MVC模式的轻量级Web框架,它自问世以来,就受到了广大Web开发者的关注,并广泛应用于各种企业系统的开发中。目前掌握Struts框架几乎成为Web开发者的必...

  • struts入门

    一、struts简介 struts是开源的java web框架,他很好的实现了MVC模式,通过一个配置文件,把各个层面的应用组件联系起来,使组件在程序层面上联系较少,耦合度较低,这就大大提高了应用程序的可维护性和扩展性。 1、 struts框架中的核心包 包名 说明 action 包含控制器类ActionForm及ActionMessage,以及其他几个必要的框架组件 ...

  • Struts2快速入门,超简单详细的快速入门教程

    一、Struct2的概述 1、什么是Struct2 Struts2是一个基于MVC设计模式的Web应用框架,它本质上相当于一个servlet,在MVC设计模式中,Struts2作为控制器(Controller)来建立模型与视图的数据交互。Struts 2是Struts的下一代产品,是在 struts 1和WebWork的技术基础上进行了合并的全新的Struts 2框架。其全新的Struts 2的体系结构与Struts 1的体系结构差别巨大。Struts 2以WebWork为核心,采用拦截器的机制来处理用户的

  • struts中几种常用的Action

    除了基本的Action 之外, Struts 还提供了几个其他类型的Action ,这些Action 大大 丰富了Struts 的功能。下面介绍如下儿个常用的Action 。 • DispatchAction: 能同时完成多个Action 功能的Action 。 • ForwardActon: 该类用来整合Struts 和其他业务逻辑组件,通常只对请求作有效 性检查。 • Include...

  • Struts2 之配置文件编写,动作类(01)

    学习路线:1.struts入门(配置文件编写,动作类的编写及其访问方式) 2.封装数据和访问Servlet的api 3.ognl和值栈 4.拦截器和注解开发struts2基本概念Struts2是一种基于MVC模式的轻量级Web框架. Struts2是Struts1的下一代产品,是在 Struts1和WebWork技术的基础上进行合并后的全新框架(WebWork是由OpenSymphony组织

  • Struts2入门第一讲——Struts2框架的快速入门

    Struts2框架的概述Struts2是一种基于MVC模式的轻量级Web框架,它自问世以来,就受到了广大Web开发者的关注,并广泛应用于各种企业系统的开发中。目前掌握Struts2框架几乎成为Web开发者的必备技能之一。接下来将针对Struts2的特点、安装以及执行流程等内容进行详细的讲解。什么是Struts2先讲Struts2框架之前,我们得知道JavaEE一共有三层架构,如下: 架构名称

  • Struts2 快速入门

    话不多说,直接来。 第一步:搭环境首先导入 Struts2 必要的 jar 包,共计13个。 第二步,在web.xml中配置过滤器,千万别忘! <filter> <filter-name>struts2</filter-name> <filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecu

  • Struts2的入门案例(二)

    最近在复习struts2,跟着视屏练习了一个客户关系管理系统的小案例,现将流程总结如下: 第一步:创建WEB工程,导入jar包 包括struts2和hibernate的jar包。 第二步:引入相关页面 该案例的主要用来讲解struts2框架的开发流程,所以前端页面就直接拿过来用了,不再做具体的讲解了。 第三步:创建项目结构(包和相关类) 第四步:在web.xml中配置核心过...

  • Struts2 基础入门

    什么是Struts2 Struts2 是 Apache 软件组织推出的一个基于 MVC 模式的轻量级 Web 框架,自问世以来,就受到了广大 Web 开发者的欢迎。目前,Struts2 在 Java Web 开发领域中已占据了十分重要的地位。 目前为止,Struts 框架拥有两个主要版本:Struts1.x 和 Struts2.x。Struts1 是最早的基于 MVC 模式的轻量级 Web 框架,它能够合理划分代码结构,并包含验证框架、国际化框架等多种实用工具框架。 随着技术的不断进步,Struts1 的局

  • Structs2认识和入门

    Structs2认识和入门 Structs2认识 Struts2是处于MVC中的controller(struts其实也是servlet封装,提高开发效率!) Struts2 是一个用来开发MVC应用程序的框架.它提供了Web应用程序开发过程中的一些常见问题的解决方案: Struts2 = Struts1 + WebWork 1和2没有本质的关系对页面导航活动进行管

  • Struts2国际化

    [size=medium][color=red]注意:要在struts.xml文件中配置(native为资源文件基本前缀)[/color] [color=blue]1、新建文件native_en_US.properties,native_zh_CN.properties(基本前缀_语言代号_国家代号)[/color] [color=blue]2、在资源文件中以key=value的格式输入资...

  • 【java开发系列】—— struts2简单入门示例

    上篇推荐:JDK安装 前言   最近正好有时间总结一下,过去的知识历程,虽说东西都是入门级的,高手肯定是不屑一顾了,但是对于初次涉猎的小白们,还是可以提供点参考的。   struts2其实就是为我们封装了servlet,简化了jsp跳转的复杂操作,并且提供了易于编写的标签,可以快速开发view层的代码。   过去,我们用jsp和servlet搭配,实现展现时,大体的过程是:   ...

  • Struts2的入门案例(一)

    博主秋招提前批已拿百度、字节跳动、拼多多、顺丰等公司的offer,可加微信:pcwl_Java一起交流秋招面试经验,可获得博主的秋招简历和复习笔记。 第一步:创建一个WEB工程,引入相关jar包,struts2-blank.war是一个struts2的空工程,将其解压后,将其lib下的所有jar包拷入工程。 第二步:创建页面 在WebContent下创建两个jsp页面,分别为dem...

Global site tag (gtag.js) - Google Analytics