阅读更多

9顶
0踩

Web前端

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

2013-10-31 10:21 by 见习编辑 html5_dev 评论(2) 有14027人浏览
这两年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将会将这些区域击碎,过一段时间,这些被击碎的视频碎片又将自动重新组合。...

  • 中国行政村区划代码及地理坐标-最新数据.zip

    中国行政村区划代码及地理坐标-最新数据.zip

  • pocketsphinx-0.1.15-cp35-cp35m-win_amd64.whl.rar

    python whl离线安装包 pip安装失败可以尝试使用whl离线安装包安装 第一步 下载whl文件,注意需要与python版本配套 python版本号、32位64位、arm或amd64均有区别 第二步 使用pip install XXXXX.whl 命令安装,如果whl路径不在cmd窗口当前目录下,需要带上路径 WHL文件是以Wheel格式保存的Python安装包, Wheel是Python发行版的标准内置包格式。 在本质上是一个压缩包,WHL文件中包含了Python安装的py文件和元数据,以及经过编译的pyd文件, 这样就使得它可以在不具备编译环境的条件下,安装适合自己python版本的库文件。 如果要查看WHL文件的内容,可以把.whl后缀名改成.zip,使用解压软件(如WinRAR、WinZIP)解压打开即可查看。 为什么会用到whl文件来安装python库文件呢? 在python的使用过程中,我们免不了要经常通过pip来安装自己所需要的包, 大部分的包基本都能正常安装,但是总会遇到有那么一些包因为各种各样的问题导致安装不了的。 这时我们就可以通过尝试去Python安装包大全中(whl包下载)下载whl包来安装解决问题。

  • 中国固定资产投资统计年鉴全集(1950-2021).zip

    中国固定资产投资统计年鉴全集(1950-2021).zip

  • 常用基础元件的PCB封装库SchLib/IntLib通用原理图库OV系列CMOS图像传感器

    常用基础元件的PCB封装库SchLib/IntLib通用原理图库OV系列CMOS图像传感器提取方式是百度网盘分享地址

  • c++控制台RPG小游戏

    这是一个比较完成的RPG游戏,包含了: 交易模块, 任务模块,技能模块,BUFF 模块, 背包模块,地图模块,基本涵盖了一个普通RPG游戏的所有元素

  • yolo算法-人-火灾数据集-9700张图像带标签-人-火灾.zip

    yolo系列算法目标检测数据集,包含标签,可以直接训练模型和验证测试,数据集已经划分好,包含数据集配置文件data.yaml,适用yolov5,yolov8,yolov9,yolov7,yolov10,yolo11算法; 包含两种标签格:yolo格式(txt文件)和voc格式(xml文件),分别保存在两个文件夹中; yolo格式:<class> <x_center> <y_center> <width> <height>, 其中: <class> 是目标的类别索引(从0开始)。 <x_center> 和 <y_center> 是目标框中心点的x和y坐标,这些坐标是相对于图像宽度和高度的比例值,范围在0到1之间。 <width> 和 <height> 是目标框的宽度和高度,也是相对于图像宽度和高度的比例值

  • yolo算法-dms乘客识别器数据集-358张图像带标签-乘客.zip

    yolo系列算法目标检测数据集,包含标签,可以直接训练模型和验证测试,数据集已经划分好,包含数据集配置文件data.yaml,适用yolov5,yolov8,yolov9,yolov7,yolov10,yolo11算法; 包含两种标签格:yolo格式(txt文件)和voc格式(xml文件),分别保存在两个文件夹中; yolo格式:<class> <x_center> <y_center> <width> <height>, 其中: <class> 是目标的类别索引(从0开始)。 <x_center> 和 <y_center> 是目标框中心点的x和y坐标,这些坐标是相对于图像宽度和高度的比例值,范围在0到1之间。 <width> 和 <height> 是目标框的宽度和高度,也是相对于图像宽度和高度的比例值

  • 【电磁】基于matlab吸收边界条件的不同介质中高斯脉冲的一维FDTD【含Matlab源码 9198期】.mp4

    Matlab领域上传的视频均有对应的完整代码,皆可运行,亲测可用,适合小白; 1、代码压缩包内容 主函数:main.m; 调用函数:其他m文件;无需运行 运行结果效果图; 2、代码运行版本 Matlab 2019b;若运行有误,根据提示修改;若不会,私信博主; 3、运行操作步骤 步骤一:将所有文件放到Matlab的当前文件夹中; 步骤二:双击打开main.m文件; 步骤三:点击运行,等程序运行完得到结果; 4、仿真咨询 如需其他服务,可私信博主; 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作

Global site tag (gtag.js) - Google Analytics