阅读更多

9顶
0踩

Web前端

原创新闻 8 款别具一格的 jQuery/HTML5 插件

2013-10-31 10:21 by 见习编辑 html5_dev 评论(2) 有14055人浏览
这两年HTML5发展得越来越成熟,许多基于HTML5的应用也日益增多,jQuery又是前段开发利器,jQuery结合HTML5自然能够设计出非常棒的产品,本文介绍8款别具一格的jQuery/HTML5应用插件。

1、HTML5 Canvas 3D立体图片展示插件

这款特效是基于HTML5 Canvas实现的,利用HTML5中的3D技术实现了3D立体的图片墙,需要支持HTML5 3D技术的浏览器才能正常演示。



在线演示    /    源码下载

2、jQuery和CSS3实现的仿Android Dock效果

Android Dock效果,可以用jQuery结合CSS3实现哦。



在线演示    /    源码下载

3、HTML5放大镜特效

这是一款利用纯HTML5制作的图片放大镜特效,很棒。



在线演示    /    源码下载

4、漂亮的纯CSS3图标按钮组合

图标简洁清爽,按钮美观大方,很不错的一款按钮特效。



在线演示    /    源码下载

5、jQuery环形动画菜单

这是一款少有的jQuery菜单,很显然,环形动画是它最大的亮点,很有创意哦。



在线演示    /    源码下载

6、HTML5水滴效果

这是利用HTML5来模拟的水滴效果,你可以在图片上轻轻点击,即能出现逼真的水滴动画。



在线演示    /    源码下载

7、带手风琴菜单的图片播放插件Slidorion

这个jQuery插件非常不错,不仅拥有图片播放功能,而且拥有手风琴折叠效果。



在线演示    /    源码下载

8、CSS3伪元素实现的3D按钮

一共5组按钮,是一款绚丽的CSS3按钮特效。



在线演示    /    源码下载

以上就是8款别具一格的 jQuery/HTML5 应用插件,部分代码由网页素材大全网站整理,欢迎收藏。
  • 大小: 14.5 KB
  • 大小: 17.6 KB
  • 大小: 47.2 KB
  • 大小: 21.7 KB
  • 大小: 37.1 KB
  • 大小: 54.3 KB
  • 大小: 62 KB
  • 大小: 17.3 KB
来自: Codeceo
9
0
评论 共 2 条 请登录后发表评论
2 楼 pudong 2013-11-05 10:36
的确不错!
1 楼 sxwgf001 2013-11-01 08:56
效果不错

发表评论

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

相关推荐

  • 创意html源代码,7个经典创意jQuery应用插件及源码

    本文作者html5tricks,转载请注明出处本文主要分享一些非常具有创意的jQuery应用插件,它们不仅在外观上别具一格,而且功能上也是那么富有新意,尤其是第一个jQuery平面时钟,其设计思路让人叹为观止。还是来看看...

  • 20 个超酷的 HTML5/CSS3 应用及源码

    [导读] 1、HTML5视频破碎重组特效,强大视觉冲击HTML5视频播放器很多,但是HTML5视频特效还是很少见的,这款HTML5视频破碎重组特效非常刺激,给人强大的视觉冲击。点击视频任意地方,HTML5将会将这些区域击碎,过一...

  • 创意的jQuery应用插件

    本文主要分享一些非常具有创意的jQuery应用插件,它们不仅在外观上别具一格,而且功能上也是那么富有新意,尤其是第一个jQuery平面时钟,其设计思路让人叹为观止。还是来看看以下这些jQuery插件吧。 1、jQuery...

  • 20个非常绚丽的HTML5/CSS3应用插件

    这是一款样式非常古典,但又是非常时尚的HTML5播放器,说它是古典播放器,是因为这种卡带式的HTML5播放器比较古老,说它时尚,是因为现在的HTML5播放器很少有这种样式的,非常有创意。HTML5视频播放器很多,但是...

  • [HTML5&CSS3]20 个酷炫 应用及源码

    1、HTML5视频破碎重组特效,强大视觉冲击 HTML5视频播放器很多,但是HTML5视频特效还是很少见的,这款HTML5视频破碎重组特效非常刺激,给人强大的视觉冲击。点击视频任意地方,HTML5将会将这些区域击碎,过一段...

  • HTML5菜单栏特效

    今天向大家精选了10款超酷的HTML5/CSS3菜单,给你的网页添加不一样的精彩,一起来围观一下吧。 1、CSS3手风琴菜单 下拉展开带弹性动画 利用CSS3技术可以实现各种各样的网页菜单,我们之前也在CSS3菜单栏目中分享了...

  • 7款效果惊人的HTML5/CSS3应用

    作为前端开发者,各种各样的jQuery菜单见过不少,这款jQuery/CSS3菜单却是别具一格,菜单项嵌入到九宫格中,像小盒子一样,加上温馨的背景,菜单整体外观十分可爱。点击菜单项,盒子就会展开,展示该菜单项具体的...

  • 20个HTML5/CSS3超酷应用

    http://www.gbtags.com/gb/share/2818.htm?utm_source=tuicool 20个HTML5/CSS3超酷应用 ...HTML5 ...jQuery 申请达人,去除赞助商链接 1、HTML5视频破碎重组特效 强大视觉冲击

  • 8个WEB前端创意HTML5动画应用精选

    本文精选了几款非常富有创意的HTML5动画应用,欣赏一下吧。 1、HTML5图片相册重力感应特效 今天我们要来分享一款和HTML5重力感应相关的动画特效,这是一个图片相册,点击按钮即可让排列整齐的图片散落开来。这款...

  • 看波士顿环球报是如何借助HTML5实现响应式设计的

    译者注:在HTML5真正变革各平台的开发模式前,定需要取得某些根本性的突破。今年的的一大突破就是“响应式设计”的发展。从根本来说,响应式设计需让内容适应任何屏幕尺寸。今年响应式设计最引人注目的案例要数...

  • 分享10 个超酷的 HTML5/CSS3 应用及源码

    HTML5视频播放器很多,但是HTML5视频特效还是很少见的,这款HTML5视频破碎重组特效非常刺激,给人强大的视觉冲击。点击视频任意地方,HTML5将会将这些区域击碎,过一段时间,这些被击碎的视频碎片又将自动重新组合。...

  • "SMART 200系列地址库:灵活配置的位读写系统",SMART 200 寻址-库 6个子 位:一个读,一个写 读:例如 读取从V0.0开始的第N个位的状态 写:例如 将值写入V0.0开始的第N个位

    "SMART 200系列地址库:灵活配置的位读写系统",SMART 200 寻址-库 6个子 位:一个读,一个写 读:例如 读取从V0.0开始的第N个位的状态 写:例如 将值写入V0.0开始的第N个位中 起始地址和第几个位都可自定义 字节:读写一体,引脚控制读或写 字:读写一体,引脚控制读或写 双字:读写一体,引脚控制读或写 实数:读写一体,引脚控制读或写 ,核心关键词:SMART 200; 寻址-库; 子位; 读; 写; 起始地址; 自定义; 字节; 字; 双字; 实数。,"SMART 200库:位寻址与多读写功能"

  • perl-ExtUtils-Manifest-1.61-244.el7.x64-86.rpm.tar.gz

    1、文件内容:perl-ExtUtils-Manifest-1.61-244.el7.rpm以及相关依赖 2、文件形式:tar.gz压缩包 3、安装指令: #Step1、解压 tar -zxvf /mnt/data/output/perl-ExtUtils-Manifest-1.61-244.el7.tar.gz #Step2、进入解压后的目录,执行安装 sudo rpm -ivh *.rpm 4、安装指导:私信博主,全程指导安装

  • 多水下航行器协同定位的MATLAB仿真:基于《Cooperative Localization for Autonomous Underwater Vehicles》的研究与实践,7MATLAB仿

    多水下航行器协同定位的MATLAB仿真:基于《Cooperative Localization for Autonomous Underwater Vehicles》的研究与实践,【7】MATLAB仿真 多水下航行器协同定位,有参考文档。 主要参考文档: 1. Cooperative Localization for Autonomous Underwater Vehicles,The International Journal of Robotics Research 主要供文档方法的学习 非全文复现。 ,MATLAB仿真; 多水下航行器协同定位; 参考文档; 自主水下航行器; 机器人学国际期刊; Cooperative Localization。,MATLAB仿真:多水下航行器协同定位研究参考国际期刊论文

  • 基于大语言模型的多模态社交媒体信息流行度预测研究

    基于大语言模型的多模态社交媒体信息流行度预测研究

  • perl-Algorithm-Diff-1.1902-17.el7.x64-86.rpm.tar.gz

    1、文件内容:perl-Algorithm-Diff-1.1902-17.el7.rpm以及相关依赖 2、文件形式:tar.gz压缩包 3、安装指令: #Step1、解压 tar -zxvf /mnt/data/output/perl-Algorithm-Diff-1.1902-17.el7.tar.gz #Step2、进入解压后的目录,执行安装 sudo rpm -ivh *.rpm 4、安装指导:私信博主,全程指导安装

  • 《基于分时电价下电动汽车多类型充放电调度策略优化及其经济与负荷曲线改善分析》,11-分时电价下电动汽车充放电调度策略优化-100% 摘要:代码主要做的是分时电价下电动汽车充放电策略的优化,电动汽车选取

    《基于分时电价下电动汽车多类型充放电调度策略优化及其经济与负荷曲线改善分析》,11-分时电价下电动汽车充放电调度策略优化-100% 摘要:代码主要做的是分时电价下电动汽车充放电策略的优化,电动汽车选取了四种典型的类型,包括比亚迪EV,尼桑EV,宝马mini以及三菱EV,四种类型电动汽车取若干辆,约束重点关注充放电约束、蓄电量约束、0-1启停约束等等,目标函数为经济效益最优,同时考虑负荷曲线的改善,并通过图展示其结果,具体看下图。 ,核心关键词: 分时电价; 电动汽车; 充放电策略优化; 类型; 约束; 经济效益; 负荷曲线改善; 图展示。,电价优化下电动汽车充放电调度策略研究

  • IMG_20250130_120659.jpg

    IMG_20250130_120659.jpg

  • 基于JavaScript、TypeScript及微信小程序的火车票购票系统设计源码

    该项目是一款基于JavaScript、TypeScript和微信小程序开发的火车票购票系统源码,包含1634个文件,涵盖395个JavaScript文件、293个TypeScript文件、271个JSON配置文件、240个WXML模板文件、232个WXSS样式文件、138个WXS脚本文件,并辅以22个PNG图片、19个Markdown文档和1个JPG图片。该系统旨在提供便捷的火车票购票服务。

Global site tag (gtag.js) - Google Analytics