HTML5技术

8个超炫酷仿HTML5动画源码 - 帅的相对论

字号+ 作者:H5之家 来源:博客园 2016-01-04 10:03 我要评论( )

1.jQuery万年历插件 带农历老皇历功能 这是一款基于jQuery的日历插件,这款日历插件和之前分享的日历控件有很大差异,它是一本万年历,包含了农历已经老皇历的功能,是一个挑好日子的工具。同时日历还可以查看本年度的放假安排,功能非常强大。有兴趣的朋友可

1.jQuery万年历插件 带农历老皇历功能

这是一款基于jQuery的日历插件,这款日历插件和之前分享的日历控件有很大差异,它是一本万年历,包含了农历已经老皇历的功能,是一个挑好日子的工具。同时日历还可以查看本年度的放假安排,功能非常强大。有兴趣的朋友可以下载学习。

8个超炫酷仿HTML5动画源码 - 爱七七五八网 - 1

在线演示

源码下载

2.CSS3发光进度条动画 超炫酷的样式

这次我们要来分享一款非常炫酷的CSS3进度条动画,其样式风格类似于星球大战里面的那些激光剑效果。页面初始化时,可以设定进度条的值,但是我们也可以利用其配套的借口来动态改变进度条的值,使用起来比较方便。另外以前介绍过一款CSS3 3D进度条,其风格也类似。

8个超炫酷仿HTML5动画源码 - 爱七七五八网 - 2

在线演示

源码下载

3.jQuery产品图片360度旋转动画 可设定旋转参数

这次我们要来分享一款基于jQuery的图片旋转插件,我们只要拖拽鼠标即可将图片水平进行旋转,另外,如果鼠标在图片上方,也支持鼠标滚轮来旋转图片。同时,我们可以对旋转的一些参数进行自定义控制,具体可以在DEMO上看看。

8个超炫酷仿HTML5动画源码 - 爱七七五八网 - 3

在线演示

源码下载

4.jQuery垂直列表插件 可动态添加和删除节点

这是一款基于jQuery的垂直动态列表插件,在这款插件中,我们可以展开和收拢列表,同时可以动态添加和删除节点,可应用的地方还是蛮多的。唯一的缺点是缺少多级展开的功能,大家有兴趣也可以自行扩展这个jQuery列表插件,实现多层级的扩展。

8个超炫酷仿HTML5动画源码 - 爱七七五八网 - 4

在线演示

源码下载

5.jQuery在线文本编辑器 UI界面很漂亮

我们介绍过的在线文本编辑器不是很多,功能最强大的要算这款基于tinymce的CSS3文本编辑器。今天我们要分享一款基于jQuery的在线文本编辑器,同样它也是所见即所得的编辑器,该文本编辑器的特点是UI界面相当漂亮,而且编辑器的功能按钮可以自定义扩展。

8个超炫酷仿HTML5动画源码 - 爱七七五八网 - 5

在线演示

源码下载

6.jQuery带动画的超炫酷弹出对话框

这是一款基于jQuery的弹出对话框插件,这个jQuery对话框插件的最大特点是弹出和关闭都带有非常炫酷的动画特效,比如旋转飞入、上下抖动飞入等。记得以前也分享过一款很不错的jQuery对话框,它是支持拖拽的,也非常实用。

8个超炫酷仿HTML5动画源码 - 爱七七五八网 - 6

在线演示

源码下载

7.超炫酷CSS3图片动画 悬浮+翻转+缩放

这是一组基于CSS3的图片动画,这组图片动画包含图片上悬浮文字、图片上下左右翻转以及图片缩放这3中动画特效。第一组动画中当我们将鼠标滑过图片时,图片上方就会显示文字层,文字层的出现也会伴随一定的动画效果,后面的图片翻转和图片缩放效果也非常不错,而且很实用。

8个超炫酷仿HTML5动画源码 - 爱七七五八网 - 7

在线演示

源码下载

8.Metro风格的jQuery个性化消息提示插件

今天我们要来介绍一款Metro风格的消息提示框插件,插件是基于jQuery的,不仅拥有Metro哪种简单精巧的UI风格,而且兼容性也还不错。之前分享过一些基于jQuery和CSS3的提示框插件,比如HTML5/CSS3弹出提示框,感兴趣的朋友也可以前往关注。

8个超炫酷仿HTML5动画源码 - 爱七七五八网 - 8

在线演示

源码下载

本文固定链接: 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    2017-05-02 11:02

  • HTML5 进阶系列:indexedDB 数据库 - _林鑫

    HTML5 进阶系列:indexedDB 数据库 - _林鑫

    2017-04-27 14:02

  • HTML5 高级系列:web Storage - _林鑫

    HTML5 高级系列:web Storage - _林鑫

    2017-04-27 14:01

  • HTML5和CSS3 - 奔跑在起跑线佼佼者

    HTML5和CSS3 - 奔跑在起跑线佼佼者

    2017-04-20 13:00

网友点评
i