• 华丽的HTML5/jQuery动画和应用 前端必备


    在网页应用中,我们经常会使用jQuery来实现一些简单的动画效果,比如菜单下拉时的渐变特效,图片滑动时的淡入淡出效果等。现在我们将jQuery和HTML5互相结合,让HTML5/CSS3强大的页面渲染引擎和jQuery简单易用的框架融合在一起,发挥前端迷人的效果。

    1、jQuery 360度图片旋转插件DopelessRotate

    DopelessRotate是一款基于jQuery的图片旋转插件,这款图片旋转插件功能非常强大,它不仅可以在加载的时候显示进度条,而且点击右侧的放大镜按钮可以查看原始大图,并且可以滑动鼠标来漫游大图的每一个细节。是一款非常不错的jQuery图片旋转插件。

    华丽的HTML5/jQuery动画和应用 前端必备 - 爱七七五八网 - 1

    在线演示

    源码下载

    2、jQuery/HTML5圣诞节动画 雪花飞舞效果

    今天我们来分享一款基于jQuery和HTML5的圣诞节动画特效,应该说这款动画主要是由jQuery制作完成,中间利用了一些CSS3和HTML5的相关特性,来完成了圣诞夜雪花飞舞的动画效果。虽然今年的圣诞节还早,但你可以把这款动画保留到那天,送给你喜欢的人。

    华丽的HTML5/jQuery动画和应用 前端必备 - 爱七七五八网 - 2

    在线演示

    源码下载

    3、jQuery/CSS3大屏下拉菜单 自定义子菜单内容

    这是一款样式很酷的jQuery/CSS3下拉菜单,首先这款CSS3菜单是宽屏的,主要是下拉菜单非常大气,更重要的是,下拉菜单的内容可以自己定义,也就是说,下拉菜单中可以定义菜单、图片等HTML元素,是一款非常实用的jQuery/CSS3下拉菜单插件。

    华丽的HTML5/jQuery动画和应用 前端必备 - 爱七七五八网 - 3

    在线演示

    源码下载

    4、jQuery带缩略图焦点图插件 自定义滑块内容

    今天我们要来分享一款基于jQuery的焦点图插件,这款jQuery焦点图功能十分强大,有以下两个特点:第一是焦点图带有缩略图预览,当鼠标滑过对应图片的按钮时,即可弹出缩略图;第二是焦点图的滑块内容可以自定义,可以是图片,也可以是任何HTML元素,因此也非常的灵活。另外,焦点图的切换动画也有多种,非常炫酷。

    华丽的HTML5/jQuery动画和应用 前端必备 - 爱七七五八网 - 4

    在线演示

    源码下载

    5、HTML5/CSS3 3D纸片折叠动画

    今天我们再来分享一款非常华丽的HTML5/CSS3 3D动画特效,尽管它目前很少能在项目中应用,但从源码中我们可以学到很多HTML5 3D动画的制作知识。这是一款纸片折叠动画特效,利用HTML5和CSS3的相关特性,我们可以将一张张纸片折叠起来,形成很酷的3D动画效果。

    华丽的HTML5/jQuery动画和应用 前端必备 - 爱七七五八网 - 5

    在线演示

    源码下载

    6、纯CSS3垂直菜单 菜单项滑动动画

    今天我们要来介绍一款基于CSS3的垂直动画菜单,这款CSS3菜单的特点是菜单项有一个非常特别的背景,并且背景可随着鼠标滑过而滑动,挺有创意的滑动动画。这款CSS3菜单是垂直样式的,很适合做网页的侧边栏菜单。

    华丽的HTML5/jQuery动画和应用 前端必备 - 爱七七五八网 - 6

    在线演示

    源码下载

    7、HTML5图片文字描述动画 多种图片描述模式

    这次我们要来分享一款基于HTML5的图片特效,这款HTML5图片特效的功能是可以在图片上方显示各种各样的文字描述,当鼠标滑过图片时即可展示这些图片文字描述。更主要的是,这款HTML5图片文字描述提供多种动画特效,当你把鼠标滑过图片时将会有多种文字描述效果。

    华丽的HTML5/jQuery动画和应用 前端必备 - 爱七七五八网 - 7

    在线演示

    源码下载

    8、CSS3手势变换动画特效

    这款CSS3动画非常特别,它展现在我们眼前的是一只手掌,手掌下方有一个滑动按钮,点击按钮即可切换手势,目前可以切换两种不同的手势。这款CSS3手势变换动画还是相当酷的,另外之前也分享过HTML5 3D手掌动画,效果也非常不错。

    华丽的HTML5/jQuery动画和应用 前端必备 - 爱七七五八网 - 8

    在线演示

    源码下载

    9、CSS3多级下拉动画菜单

    这又是一款基于CSS3的下拉菜单,和上一款纯CSS3黑色气泡背景动画菜单相比,这款CSS3菜单是多级下拉的。菜单的背景非常清新,当鼠标滑过父菜单时,即可展开子菜单,并且在菜单展开的过程中伴随着很不错的动画效果。

    华丽的HTML5/jQuery动画和应用 前端必备 - 爱七七五八网 - 9

    在线演示

    源码下载

    本文固定链接: http://www.i7758.com/archives/1645.html

  • 相关阅读:
    DOS命令里面的EQ、NE、GT、LT、GE、LE分别是什么意思
    XCTF-ics-05(文件包含+preg_replace函数/e修正符下的代码执行漏洞)
    BUUCTF-[网鼎杯 2018]Fakebook(SSRF+联合注入绕Waf)
    [WesternCTF2018]shrine(SSTI+过滤)
    XCTF-simple unpack
    vulnhub-靶机Lampiao
    BUUCTF-[极客大挑战 2019]BabySQL(联合注入绕过waf)+[极客大挑战 2019]LoveSQL(联合注入)
    XCTF-open-source
    [CISCN2019 华北赛区 Day2 Web1]Hack World(二分法写布尔注入脚本)
    CTF中的序列化与反序列化
  • 原文地址:https://www.cnblogs.com/i7758/p/4545422.html
Copyright © 2020-2023  润新知