阅读更多

10顶
0踩

Web前端

原创新闻 10款清新的jQuery/CSS3应用插件

2013-12-23 10:01 by 见习编辑 html5_dev 评论(4) 有10587人浏览

今天要给大家分享10款绝对给力的jQuery/CSS3插件,有jQuery焦点图、HTML5游戏、CSS3菜单等典型的最新应用插件,如果喜欢,赶紧分享给你的朋友吧。

1、HTML5超级玛丽游戏

超级玛丽是很多朋友童年时常玩的游戏,而今天要给大家分享HTML5版的超级玛丽游戏,一起来体验一把,回味童年的快乐。

演示地址    /    源码下载

2、jQuery侧边多级菜单插件

这是一款非常有特色的jQuery多级下拉菜单,点击父菜单即可在菜单傍边弹出下级子菜单,也可以点击BACK菜单项返回父级菜单,非常个性化。

在线演示    /    源码下载

3、SVG时钟走时图标特效

这是一款利用SVG标准制作的走动时钟,非常形象,该SVG走动时钟不支持IE6,7,8。

在线演示    /    源码下载

4、jQuery前后翻页相册特效

这款jQuery相册浏览插件比较有特色,它不像普通图片浏览插件那样在平面上切换,而是切换时像是把下一张图片翻上来的感觉,很有立体感。

在线演示    /    源码下载

5、jQuery/CSS3侧边纵向弹出菜单

这款jQuery侧边纵向菜单十分漂亮,而且下拉菜单功能丰富,不仅可以显示纯文本,也可以显示表单作为二级菜单。

在线演示    /    源码下载

6、纯CSS3实现绚丽焦点图切换效果

这是一款纯CSS3实现的焦点图插件,焦点图设计十分清新简单,图片滑动特别流畅,是一款值得一用的CSS3焦点图。

在线演示    /    源码下载

7、jQuery特色标签提示表单

这是一款基于jQuery的特色表单,表单的label标签一开始在表单内,当表单被激活时,提示标签就跳出表单框,非常人性化。

在线演示    /    源码下载

8、jQuery/CSS3实现18款进度条按钮

下面是18款不同展现方式的jQuery/CSS3进度条按钮,进度条按钮可以上下左右实现进度滚动,也可以是长条形进度条和细条形进度条。

在线演示    /    源码下载

9、jQuery圆形进度条倒计时插件

这是一款非常有创意的jQuery倒计时插件,圆形的倒计时UI,时间走动时,圆形的圆弧随着走动,是一款挺具特色的jQuery倒计时插件。

在线演示    /    源码下载

10、Javascript球状滚动标签云插件

这是一款用Javascript实现的球状标签云插件,插件使用非常方便,你只需要在HTML页面上相应关键词的a标签,然后利用标签云插件初始化js代码即可。

在线演示    /    源码下载

以上就是10款非常出色jQuery/CSS3应用插件,由网页素材大全文章搜集整理,来自网络,欢迎收藏。

10
0
评论 共 4 条 请登录后发表评论
4 楼 一头狼 2014-02-13 14:00
mark...
3 楼 html5_dev 2013-12-24 09:28
   
2 楼 sxwgf0003 2013-12-24 08:44
很漂亮,值得收藏
1 楼 sxwgf001 2013-12-24 08:44
太棒了

发表评论

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

相关推荐

  • jsf入门实例

    百科上定义:引入了基于组件和事件驱动的开发模式,使开发人员可以使用类似于处理传统界面的方式来开发Web应用程序。提供了行为与表达的清晰分离。 不用特别的脚本语言或者标记语言来连接UI组件和Web层。JSF技术API被直接分层在Servlet API的顶端。 技术为管理组件状态提供一个丰富的体系机构、处理组件数据、确认用户输入和操作事件。如果之前使用过Struts或者SpringMVC那么就应该很清楚

  • jsf介绍和例子

    京东jsf服务框架介绍。jsf十分钟入门指南

  • JSF——简单实例

    简单实例在不考虑组件有子组件的情况下,这边以实际的一个例子来说明开发组件的过程,至于考虑子组件的情况请参考专书介绍。o 编码, 译码o 组件卷标o 使用自订组件o 自订 Renderer编码, 译码

  • JSF入门实例--简明版

      史上最简单的JSF 入门实例。公司用jsf框架开发,寡人只好学JSF.以下为最简明教程。1.下载jar包官方网址:http://java.sun.com/javaee/javaserverfaces/download.html说明:建议下:JavaServer Faces v1.1 Specification Final Release  ,这个版本比较稳定

  • JavaEE之JSF技术研究与应用实例

    前言 JavaServer Faces(JSF)是一种用于构建Java Web应用程序的标准框架(是Java Community Process规定的JSR-127标准)。它提供了一种以组件为中心的用户界面(UI)构建方法[1],从而简化了Java服务器端应用程序的开发。由于由Java Community Process (JCP)推动,属于Java EE5中的技术规范,而受到了厂商的广泛支持。

  • 13.1:Java掌握JSF框架的核心概念和技术! (课程共8700字,2个代码举例)

    本课程提供了一个丰富的Java编程知识库,包括基础知识、经典案例代码和实用技巧。通过学习本课程,我们可以建立扎实的Java基础,并掌握一些实用的编程技巧和最佳实践。然而,尽管本课程非常详细和全面,但仍然有许多细节和注意事项可能被忽略或者没有详细讨论。因此,我们应该保持学习的态度,不断探索和学习新的知识和技能。

  • jsf2.0 完整实例(含所有jar包)

    jsf-api-2.1.7.jar jsf-impl-2.1.7.jar jstl-1.2.jar等

  • 自己做的JSF实例(内容完整,带DB)

    完成于2008年12月,主要用JSF实现增删改查,带分页~以及各种组件标签的应用,包括复选框等.导航的应用.数据库用SQL2005. 注意:改一下连接端口,默认的是1433.

  • JSF入门实例

        Web应用程序的开发与传统的单机程序开发在本质上存在着太多的差异,Web应用程序开发人员至今不可避免的必须处理HTTP的细节,而HTTP无状态的(stateless)本质,与传统应用程序必须维持程序运行过程中的信息有明显的违背,再则Web应用程序面对网站上不同的使用者同时的存取,其执行线程安全问题以及数据验证、转换处理等问题,又是复杂且难以解决的。另一方面,本质上是静态的HTML与本质上是

  • jsf的一个实例

    这个实例引用:http://www.mkyong.com/jsf2/jsf-2-0-hello-world-example/ 自己部署,能用。自己做个备份 下载:http://download.csdn.net/detail/kingxuexi/9805056

  • MyEclipse2014搭建JSF项目实例

    开发环境:  Windows2008 R2 64位 + MyEclipse Professional 2014 +JDK1.7+Tomcat7.0搭建步骤:1、打开MyEclipse2014后新建一个web项目名称为JsfProject2、鼠标右键点击项目名称,添加JSF引用3、添加UserBean类文件4、添加登录页面文件/login/index.jsp和登录成功页面文件/login/welco

  • JSF标签大全详解

    1. JSF入门 藉由以下的几个主题,可以大致了解JSF的轮廓与特性,我们来看看网页设计人员与应用程序设计人员各负责什么。 1.1简介JSF Web应用程序的开发与传统的单机程序开发在本质上存在着太多的差异,Web应用程序开发人员至今不可避免的必须处理 HTTP的细节,而HTTP无状态的 (stateless)本质,与传统应用程序必须维持程序运行过程中的信息有明显的违背,再则Web应用程序面...

  • 一个简单的JSF例子

    一个简单的JSF例子( A simple JavaServer Faces example)    Figures  2a,  2b,  and  2c   show  a  very   simple  JSF   application.  The applications openin

  • JSF+Spring+Hibernate的实例讲解(原创翻译)

                                                       JSF使用原文地址:http://www.javaworld.com/javaworld/jw-07-2004/jw-0719-jsf.html使用JavaServer Faces(JSF)、Spring Framework和Hibernate建立一个真实的Web应用程序内容概要使用JSF建立一个

  • JSF配置文件faces-config.xml参数详解

     faces-config.xml参数  xml version="1.0"?>   faces-config>     navigation-rule>         from-view-id>/pages/index.jspfrom-view-id>         navigation-case>             from-outcome>successfrom-outco

  • JSF小示例《Core JavaServer Faces 3rd Edition》代码

    [size=large][b][i][color=red]《Core JavaServer Faces 3rd Edition》[/color][/i][/b]中第四章的代码:[/size] LocaleChanger.java [code="java"]package com.corejsf; import java.io.Serializable; import java.util...

  • 【JSF】快速入门案例(用户登录界面)

    1.登录界面 2.托管bean

  • JSF2 入门实例

    JSF介绍 JavaServer Faces (JSF) 是一种用于构建Java Web 应用程序的标准框架(是Java Community Process 规定的JSR-127标准)。它提供了一种以组件为中心的用户界面(UI)构建方法,从而简化了Java服务器端应用程序的开发。由于由Java Community Process (JCP) 推动,属于Java EE 5中的技术规范,而受到了厂商的...

  • JSF入门例子,显示信息

    index.xhtml <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://ja

Global site tag (gtag.js) - Google Analytics