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

4顶
0踩

Web前端

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

2014-03-06 09:37 by 见习编辑 html5_dev 评论(2) 有11150人浏览
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数据库版本（9i及以前），Job是一个可以被调度以在特定时间或按一定频率自动执行的数据库对象。Job通常用于执行预定的后台任务，如数据清理、统计信息更新、备份操作、数据导入导出、报告生成等。这些任务可以是任何可以在数据库环境中执行的操作，最常见的形式是调用存储过程。DBMS_JOB包已经被DBMS_SCHEDULER包所取代。Job的创建和管理主要通过Oracle的DBMS_JOB包来进行，该包提供了用于提交、修改、删除、启用或禁用Job的PL/SQL过程。

  • oracle如何重建job,oracle job的创建和删除

    oracle job的创建variable job30 number;begin--凌晨两点半执行dbms_job.submit(:job30,'存储过程;',TRUNC(SYSDATE + 1) + (2*60+30)/(24*60),'TRUNC(SYSDATE + 1) + (2*60+30)/(24*60)');end;/或者DECLAREjobno numeric;BEGINdbms_j...

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

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

  • 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数据手动创建Jobs任务

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

  • 关于Oracle中的Job创建

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

  • oracle 11g 创建 job 20

    15-10-19 23:48:04分类：Oracle--创建一次执行的匿名块任务，成功调用一次后job消失BEGIN DBMS_SCHEDULER.CREATE_JOB ( job_name => 'my_new_job2', job_type => 'PLSQL_BLOCK', ...

  • ORACLE DBA_JOBS_RUNNING,DBA_JOBS/USER_JOBS/ALL_JOBS 字段解释

    DBA_JOBS/USER_JOBS/ALL_JOBS 字段（列） 数据类型 描述 JOB NUMBER 任务的唯一标示号 LOG_USER VARCHAR2(30) 提交任务的用户 PRIV_USER

  • oracle job查看

    与job有关的几个视图： dba_jobs  all_jobs  user_jobs  dba_jobs_running   查看job相关信息sql： SELECT JOB, NEXT_DATE, NEXT_SEC, FAILURES, BROKEN  FROM DBA_JOBS; 查看正在运行的job相关信息sql： SELECT SID, r.JOB, LOG_USER,

Global site tag (gtag.js) - Google Analytics