让人心动的jQuery插件和HTML5动画_最新动态_新闻资讯_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 新闻资讯 > 最新动态 > 让人心动的jQuery插件和HTML5动画

让人心动的jQuery插件和HTML5动画

 2014/7/23 12:50:15    程序员俱乐部  我要评论(0)
  • 摘要:1、jQuery/CSS3带表单的下拉菜单今天要分享一款基于jQuery和CSS3的下拉菜单,这款jQuery下拉菜单非常特别,我们直接可以在下拉菜单中填写联系表单、登录表单。而且整个下拉菜单的外观是木质视觉效果的,所以菜单显得非常端庄大气,这款jQuery下拉菜单可以在你的个人网站中使用。在线演示源码下载2、HTML5CanvasGoogle电吉他支持键盘弹奏这是当年Google为纪念莱斯·保罗而设计的Google首页Logo,它利用HTML5技术实现了电吉他弹奏效果
  • 标签:

  1、jQuery/CSS3 带表单的下拉菜单

  今天要分享一款基于 jQuery 和 CSS3 的下拉菜单,这款 jQuery 下拉菜单非常特别,我们直接可以在下拉菜单中填写联系表单、登录表单。而且整个下拉菜单的外观是木质视觉效果的,所以菜单显得非常端庄大气,这款 jQuery 下拉菜单可以在你的个人网站中使用。

jquery-css3-form-menu

  在线演示        源码下载

  2、HTML5 Canvas Google 电吉他支持键盘弹奏

  这是当年 Google 为纪念莱斯·保罗而设计的 Google 首页 Logo,它利用 HTML5 技术实现了电吉他弹奏效果。这款 HTML5 电吉他不仅可以鼠标滑过琴弦发出音乐声,而且可以利用键盘来弹奏出美妙的乐章,懂音律的朋友可以弹奏一下试试。

html5-google-guitar

  在线演示        源码下载

  3、jQuery 自定义 Loading 动画插件 spin.js

  spin.js 是一款基于 jQuery 的 Loading 动画插件,和之前分享的 CSS3 Loading 动画应用不同的是,这款 Loading 动画是基于 jQuery 的,意味着兼容性更好;还有就是这款 Loading 动画是可以自定义参数的,比如半径、旋转速度等都可以通过右侧的滑杆来设置。

jquery-loading-spin-js

  在线演示        源码下载

  4、HTML5 折线图表 Aristochart 图表配置简单

  之前我已经向大家分享了几款 HTML5 图表应用,HTML5 Canvas 图表应用 RGraph、HTML5 Canvas 饼状图表。利用这些 HTML5 图表可以很方便的展示各种数据,而且非常直观。今天要向大家分享一款 HTML5 折线图表插件 Aristochart,Aristochart 扩展非常灵活,配置也比较简单,是一款很实用的 HTML5 图表应用。

aristochart-html5-chart

  在线演示1在线演示2在线演示3在线演示4源码下载

  5、jQuery/CSS3 图片翻转特效可水平垂直翻转

  这是一款基于 jQuery 和 CSS3 的图片翻转特效,每一张图片都有文字标题悬浮在图片上,点击切换按钮,每一张图片均会进行水平或者垂直翻转,翻转效果非常酷,有 3D 立体的视觉效果。CSS3 的运用让这些图片都显得十分精神。

jquery-css3-image-<a href=rotate" width="588" height="259" />

  在线演示        源码下载

  6、HTML5 Canvas 字母文字颗粒动画可设置重力感应

  网页文字在一般情况下只能设置颜色、大小、粗细等基本的特征,但是利用 HTML5技术,我们可以让网页文字变得更加绚丽和动感。今天要分享的这款 HTML5 Canvas 字母文字动画效果很不错,它可以让 26 个英文字母实现颗粒跳动的效果,你不仅可以设置需要播放动画的字母,也可以设置不同的效果方式,而且也可以设置重力感应效果,是一款非常不错的 HTML5 文字特效。

html5-letters-effect

  在线演示        源码下载

  7、jQuery 自动过滤单词插件

  这是一款相当实用的 jQuery 应用插件,这款 jQuery 插件的功能是过滤单词,当我们在输入框中输入单词的时候,系统即会自动过滤出符合输入字符的单词,单词的匹配速度非常快,你可以预先定义好一些词组,然后用这款 jQuery 插件来过滤选词。

jquery-auto-word-filter

  在线演示        源码下载

  jQuery 非常强大,后续我们仍然会分享一些最新的 jQuery 插件和 HTML5 应用,欢迎关注。

上一篇: 分布式团队工作的乐趣与好处 下一篇: 没有下一篇了!
  • 相关文章
发表评论
用户名: 匿名