zoukankan      html  css  js  c++  java
  • 绝对震撼 10个实用的jQuery/HTML5插件

    在HTML5的世界里,我们见证了无数的特效奇迹,但很多特效我们很难在网页中应用,今天我们要分享10款效果震撼但是又比较实用的jQuery/HTML5插件,希望这些项目在应用的过程中也能给你带来设计灵感。

    1、CSS3响应式面包屑菜单 菜单简洁大气

    之前我们分享过两款CSS3面包屑菜单,纯CSS3圆形面包屑菜单CSS3扁平化面包屑菜单导航,效果都还不错。今天我们再分享一款响应式面包屑菜单,这款CSS3菜单外观设计非常简洁但又十分大气,我们可以在分步注册页面或者活动引导页面使用这款CSS3面包屑菜单。

    css3-responsive-bread-menu

    在线演示        源码下载

    2、HTML5爱心跳动动画 用技术勾引妹子

    在html5tricks网站上,我们分享过一些浪漫程序员表白的HTML5动画,像这款浪漫程序员 HTML5爱心表白动画,相信不少女生看了都会心动。今天我们要分享一款利用HTML5的爱心跳动动画,相对前一款,它要简单一些,如果妹子打开Email看到跳动的爱心,估计也能在心里甜甜的一笑。

    html5-heart-beta-animation

    在线演示        源码下载

    3、10个jQuery+CSS3动画菜单 超绚丽

    4444

    在线演示        源码下载

    4、精美jQuery分页插件 带滑动条分页

    今天开始我们来收集一些jQuery分页插件,请继续关注html5tricks的后续更新。今天第一款jQuery分页插件适用于长翻页列表的分页应用,因为这款分页插件带有滑动条来方便用户查看所有的页码。分页插件的外观十分漂亮,有着不错的用户体验。

    jquery-page-plugin-with-bar

    在线演示        源码下载

    5、jquery仿windows计算器

    3322

    在线演示        源码下载

    6、HTML5纸带翻转动画 超炫的3D特效

    之前我们分享过好多非常炫酷的HTML5 Canvas动画特效,这次我们分享的这款HTML5动画虽然不是基于canvas的,它是基于jade和scss的,这款纸带翻转动画非常不错,翻转时的3D特效也非常让人惊叹,比较消耗CPU。

    html5-paper-roll-animation

    在线演示        源码下载

    7、HTML5/CSS3分步提示框Tooltip 可嵌入任意HTML元素

    Tooltip又叫提示框,在网页上很常见,用户通过点击或者滑动鼠标来获取更详细的信息,但是整个页面却很整洁。今天分享的这款HTML5/CSS3分步提示框Tooltip可以让你分步来了解相关任务。提示框中的内容可以自定义,可以是任意HTML元素,使用其力非常方便。

    html5-guide-tooltip

    在线演示        源码下载

    8、jQuery水平菜单提示效果

    1122

    在线演示        源码下载

    9、纯CSS3垂直动画菜单 效果很酷

    CSS3菜单的实现实在是太多了,有需要的朋友可以在CSS3菜单栏目下搜索符合自己要求的菜单。今天我们来分享一款CSS3垂直菜单,这款垂直菜单不仅有漂亮的小图标,而且鼠标滑过时还有非常酷的CSS3动画,大家可以试试这款CSS3垂直菜单。

    pure-css3-vertical-menu

    在线演示        源码下载

    10、jQuery实现的模仿腾讯视频导航菜单

    腾讯视频+站酷jQuery导航是一款基于jQuery实现的模仿腾讯视频导航菜单和站酷网站导航效果。

    4212

    在线演示        源码下载

    以上10款实用的jQuery/HTML5插件你喜欢吗?请分享给你的朋友。

    本文由html5tricks收集整理,转载请务必保留原文链接
    http://www.html5tricks.com/10-unforgive-jquery-html5-app.html

  • 相关阅读:
    Gerrit配置--用户配置
    repo+manifests+git方式管理安卓代码
    FLASH OTP
    Wireshark抓包分析TCP协议
    python 批量修改图片大小
    python 文件查找 glob
    python 统计单词个数
    python 图片上添加数字源代码
    python 删除文件和文件夹
    python 程序列表
  • 原文地址:https://www.cnblogs.com/html5tricks/p/3644620.html
Copyright © 2011-2022 走看看