资讯频道 → Web前端
阅读更多

4顶
0踩

Web前端

原创新闻 10款功能强大的HTML5/CSS3应用插件

2014-03-06 09:37 by 见习编辑 html5_dev 评论(2) 有11119人浏览
HTML5 CSS3

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

今天我们整理了10款功能非常强大的HTML5/CSS3应用插件供大家学习和使用，希望各位喜欢。

1、纯CSS3美化Checkbox和Radiobox按钮，外观很时尚

利用CSS3我们可以打造非常具有个性化的用户表单，今天我们就利用CSS3美化Checkbox复选框和Radiobox单选框。CSS3美化Checkbox和Radiobox的原理很简单，在页面上新建一个checkbox和radiobox并给予他们默认的label标签显示文字，然后将checkbox和radiobox隐藏，再利用CSS3来美化label标签，这样，我们就自定义了checkbox和radiobox，外观很时尚。



在线演示    /    源码下载

2、CSS3多级下拉菜单，弹性展开下拉动画

利用CSS3制作的网页菜单外观都十分绚丽，而且都带有一定的动画特效。今天分享的这款CSS3多级下拉菜单可以方便地配置菜单的层级数，而且每一个菜单项都有自己的小图标，显得非常清新亮丽。该CSS3下拉菜单在展开子级菜单时会有弹性展开的动画特效，是一款非常酷的下拉菜单。



在线演示    /    源码下载

3、HTML5树叶飘落动画，HTML5动画经典

这是一款HTML5树叶飘落动画，这款HTML5树叶飘落动画是基于webkit内核的，所以需要webkit内核的浏览器才能播放该动画，效果真的非常酷。



在线演示    /    源码下载

4、jQuery百叶窗焦点图，超酷切换动画

这是jQuery百叶窗焦点图插件，这款jQuery焦点图的百叶窗效果非常酷，不仅可以横向切换，也可以竖向切换。



在线演示    /    源码下载

5、HTML5图片组合归类效果，图片分类利器

HTML5对处理一些简单的动画非常方便，比如移动、淡入淡出效果等。今天分享的这款HTML5图片组合归类特效就应用了HTML5的移动特效，当用户选择一个图片分类时，相关分类的图片就会移动到这个分类下面，并伴随着淡入淡出的移动动画，是一款效果很酷的HTML5图片处理应用。



在线演示    /    源码下载

6、HTML5分步骤注册表单，HTML5表单经典

表单在网页应用中十分重要，今天我要向大家分享一款基于HMLT5的分步骤注册表单，表单外观比较华丽，点击下一步按钮即可跳转到下一步填写注册信息。该HTML5表单使用了很多CSS3属性，从而在表单切换时拥有弹性的动画，是一款很不错的HTML5表单。



在线演示    /    源码下载

7、纯CSS3圆形面包屑菜单，有展开动画

这是一个CSS3圆形面包屑菜单，该CSS3菜单的菜单项默认是圆形的，当鼠标滑过菜单项时，菜单项即会展开，并伴随展开动画。让我们一起来看看这款纯CSS3实现的圆形面包屑菜单吧。



在线演示    /    源码下载

8、CSS3 3D进度条，超炫进度加载动画

进度条在网页设计中有着广泛的应用，它不仅可以让网页外观漂亮，而且可以提示用户操作正在进行，提高用户体验。今天要分享的这款CSS3进度条，不仅外观呈现3D立体，而且在进度加载时也呈现了超炫的动画效果。我们一起来看看这款CSS3 3D进度条。



在线演示    /    源码下载

9、HTML5 3D相册浏览，震撼人心

这是一款HTML5 3D相册浏览应用，图片可以手动播放，也可以自动播放，效果非常震撼，赶紧把这款HTML5 3D相册分享给你的朋友吧。



在线演示    /    源码下载

10、CSS3 SVG 进度条 Loading 动画，炫酷发光特效

这是一款CSS3 SVG动画进度条应用，进度条在进度加载中将会出现闪闪发光的炫酷特效，遗憾的是，需要高版本的HTML5浏览器才能支持发光动画。



在线演示    /    源码下载

怎么样，欣赏完这10款功能强大而又实用的HTML5/CSS3应用插件，是不是觉得很棒呢！

本文由html5tricks收集整理。
  • 大小: 8 KB
  • 大小: 22.2 KB
  • 大小: 41.3 KB
  • 大小: 83.5 KB
  • 大小: 91.9 KB
  • 大小: 43 KB
  • 大小: 4.5 KB
  • 大小: 10 KB
  • 大小: 49.2 KB
  • 大小: 24.9 KB
4
顶
0
踩
评论 共 2 条 请登录后发表评论
2 楼 boonya 2014-05-06 22:32
效果很不错，mark学习一下！
1 楼 sxwgf001 2014-03-06 15:14
mark 

发表评论

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

相关推荐

  • oracle创建job

    oracle中创建job实现数据库的定期任务，可以是定期执行存储过程或者简单的sql语句

  • ORACLE JOB创建及使用详解

    都有哪些

  • Oracle中的定时任务

    Oracle中的定时任务jo

  • Oracle 定时任务(dbms_jobs)，exp & imp、expdp & impdp 数据导入导出

    目录 Oracle 定时任务(dbms_jobs) Oracle 定时任务(dbms_jobs) 1、可以直接在 Oracle 数据库中创建定时任务用于执行存储函数或者存储过程，类似 windows 系统的定时任务。 2、建好后的定时任务可以在 pl/sql 工具中的左侧 DBMS_Jobs 菜单下看到，就如同查看表、视图、存储过程、序列等一样方便，显示的是任务ID(jobId)。 3、定时任务的查询、创建、禁用、停用、修改、删除 操作演示如下： select t.*,ROWID from E

  • oracle 创建job

    目前oracle数据库设置定时任务job调度一般有两种方式，分别是dbms_scheduler创建job调度和dbms_job创建job调度。dbms_scheduler创建job调度是在10g以后才有的，甲骨文公司为了用来替换dbms_job而提供了更强大的功能与更灵活的机制/管理。下面介绍这两种方式。        1. dbms_scheduler创建job调度。 --查询 se

  • PLSQL图形界面设置oracle的JOBS

    1、前言dbms_scheduler设置joboracle在使用PLSQL设置JOBS并且配置邮件发送时候出错ora-24098 值null对email_server无效，2、PLSQL配置JOBS任务Name:定时JOB的名字Enabled:是否开启 打上√表示启用TYPE：一般直接用第一个PLSQL块• PLSQL_BLOCK：匿名PL/SQL 块• STORED_PROCEDURE：命名的P...

  • oracle job一直运行,oracle job一直运行

    用oracle的job定时调用存储过程，如存储过程陷入死循环或其他原因导致，job的状态是一直运行。这时，手动调用存储过程，由于锁表的原因，存储过程也会执行不下去。此时，需要先停掉job，命令如下：BEGIN dbms_scheduler.stop_job(job_name => ‘GETHOLDS‘);END;如存储过程还是执行不了，需要检查一下存储过程的表是否被进程占用而被锁住了，找到该...

  • 定时任务+存储过程（Oracle）

    存储过程 定时任务 一、存储过程 create or replace procedure my_procedure as -- 声明变量 begin -- 业务逻辑 exception with others then -- 异常处理 end; 二、定时任务 declare -- submit返回结果，这个值用来唯一标识一个工作 job_val NUMBER; begin -- job 唯一标志 sys.dbms_job.submit(job => job_

  • oracle 如何创建job,oracle创建job

    一、基本语法与MysqL的event事件类似，用来创建数据库的定时任务。DBMS_JOB.SUBMIT(job OUT BINARY_INTEGER,what IN VARCHAR2,NEXT_DATE IN DATE DEFAULTSYSDATE,interval IN VARCHAR2 DEFAULT 'NULL',no_parse IN...

  • oracle job怎么创建,Oracle Job的创建方法(不积跬步,无以至千里)

    1.创建表T，包含一个X字段，定义为日期类型，方便后面的定时任务测试create table t (x date)2.创建存储过程p_insert_into_t，每次执行该存储过程都会向T表中插入一条系统当前时间create or replace procedure p_insert_into_tasbegininsert into tvalues (SYSDATE);end;3.来创建一个JOB...

  • 关于Oracle中的Job创建

    一直以来，自己想在Oracle中创建Job，都是直接用可视化窗口直接创建的，总是不太清楚如何用SQL语句去创建，今天花了点时间在网上查了下，终于明白了一点，语句如下： SQL> VARIABLE jobid number; SQL> begin 2 sys.dbms_job.submit(:jobid,'PROC_STAT_STARPK_BYDAY;',TRUNC(SYSDATE+...

  • Oracle JOB问题解决汇总

    一。job的运行频率设置1.每天固定时间运行，比如早上8:10分钟：Trunc(Sysdate+1) + (8*60+10)/24*602.Toad中提供的：每天：trunc(sysdate+1)每周：trunc(sysdate+7)每月：trunc(sysdate+30)每个星期日：next_day(trunc(sysdate),SUNDAY)每天6点：trunc

  • 在ORACLE中job的创建以及删除等操作

    首先，job是什么？当我们希望我们的一些存储过程需要每天在一个时间点来执行，我们希望有一个机制可以来帮我们完成这种功能，JOB就可以帮我们定时的来执行一些存储过程等。job定时任务的创建：declarejob_no number;begindbms_job.submit(job_no,--(job的id标识)'TEST1();'--（存储过程）sysdate,--下次执行的时间'sysdate+1...

  • ORACLE数据手动创建Jobs任务

    --请在命令窗体运行 variable job number; begin sys.dbms_job.submit(job => :job, what => 'HCM_CENTER_SYNC_DATA(''USER0101'',''0101'');', interval => 'TRUN...

  • Oracle中的JOBS的使用

    1.创建JOB declare job number; BEGIN DBMS_JOB.SUBMIT( JOB => job, WHAT => 'pack_dw.pro_base(to_char(sysdate,''yyyy''));',--执行程序 NEXT_DATE => to_date('2020/10/17 00:00:00','YYYY/MM/DD hh24:mi:ss'),--第一次执行时间 I

Global site tag (gtag.js) - Google Analytics