• 10款基于jquery实现的超酷动画源码


    1.jQuery二级下拉菜单 下拉箭头翻转动画

    之前我们分享过不少基于jQuery的二级下拉菜单,甚至是多级的下拉菜单,比如这款jQuery/CSS3飘带状多级下拉菜单就非常华丽。但今天要介绍的这款jQuery二级下拉菜单外观很简洁,使用非常简单,它唯一的特点就是下拉菜单项的下拉箭头有翻转的动画特效。

    10款基于jquery实现的超酷动画源码 - 爱七七五八网 - 1

    在线演示

    源码下载

    2.jQuery层叠式翻页焦点图插件 可自动播放

    今天我们要来分享一款很有特色的jQuery焦点图插件,它的图片切换方式是层叠的,很有立体感。这种层叠的动画效果我们在之前也分享过一点,比如这款CSS3图片层叠展开特效 可展开扇形效果。另外这款jQuery焦点图还支持自动播放模式。

    10款基于jquery实现的超酷动画源码 - 爱七七五八网 - 2

    在线演示

    源码下载

    3.jQuery双向滑动杆 设置数值百分比

    今天我们要给大家分享的是一款简单的jQuery双向滑动杆插件,利用这个jQuery滑杆插件,我们可以很便捷地设置数值百分比,类似的插件我们在之前也有分享过,比如:jQuery滑动杆打分插件 可左右滑动和jQuery/CSS3带Tooltip的滑杆动画。如果你有更好的jQuery滑杆插件,欢迎与我们分享。

    10款基于jquery实现的超酷动画源码 - 爱七七五八网 - 3

    在线演示

    源码下载

    4.jQuery实用图片滑块焦点图 支持移动端滑动

    关于jQuery焦点图插件我们以前已经分享过很多了,尤其是支持移动端滑动的jQuery焦点图,比如适应手机端的jQuery图片滑块动画。今天我们要再来介绍一款jQuery实用图片滑块焦点图,它也支持移动端的触屏滑动,这款插件并没有特别的动画效果,但方便实用。

    10款基于jquery实现的超酷动画源码 - 爱七七五八网 - 4

    在线演示

    源码下载

    5.jQuery图片垂直滚动焦点图 导航带图标

    今天我们要再来分享一款很实用的jQuery焦点图插件,这款jQuery焦点图的图片是垂直分组滚动的,你可以自定义图片组,也可以定义图片组中图片的数量,鼠标滑过指定的导航上时,相应的图片组即可上下切换,另外,焦点图的切换导航上有小图标,显得更加美观。

    10款基于jquery实现的超酷动画源码 - 爱七七五八网 - 5

    在线演示

    源码下载

    6.jQuery垂直手风琴菜单 菜单项带小图标

    关于手风琴菜单,我们在之前的文章中也已经分享过很多了,比如jQuery 3D 垂直多级菜单、jQuery多层级垂直手风琴菜单以及CSS3垂直手风琴折叠菜单。今天要介绍的这款jQuery垂直手风琴菜单的菜单项带有漂亮的小图标,让我们可以更直观的指导菜单项的功能。

    10款基于jquery实现的超酷动画源码 - 爱七七五八网 - 6

    在线演示

    源码下载

    7.HTML5翻牌消除小游戏

    这是一款基于HTML5的翻牌游戏,当翻出的2张牌相同的话,就可以将牌消除。如果你对HTML5熟悉的话,可以自己扩大游戏的矩阵,让游戏难度稍稍加大。另外,这款HTML5游戏可能对你来说并没有太多用处,但是你可以学习里面的HTML5代码。

    10款基于jquery实现的超酷动画源码 - 爱七七五八网 - 7

    在线演示

    源码下载

    8.jQuery交互式分享按钮 可横向展开

    之前我们为大家分享过很多炫酷的分享按钮了,比如纯CSS3实现分享按钮 包含常用社交网站按钮和HTML5/CSS3社会化分享按钮,都不仅很漂亮,而且都非常实用。这次要给大家介绍一款基于jQuery的交互式分享按钮,它的特点是点击分享即可横向展开全部社交网站相应的分享按钮。

    10款基于jquery实现的超酷动画源码 - 爱七七五八网 - 8

    在线演示

    源码下载

    9.jQuery打字机文字特效 可自定义打字参数

    今天要向大家分享一款jQuery打字机文字特效插件,类似这样的jQuery插件我们以前没有分享过,因此这次隆重向大家推荐这款jQuery打字机插件,因为它不仅代码很小,而且可以进行灵活的参数配置,让我们开发者使用起来非常方便。

    10款基于jquery实现的超酷动画源码 - 爱七七五八网 - 9

    在线演示

    源码下载

    10.HTML5 Canvas气温折线图表 带Tooltip提示框

    今天要给大家带来一款基于HTML5 Canvas的折线图表应用,它主要用来显示指定日期的气温变化趋势,当我们将鼠标滑过折线图上时,图表上即可显示一个Tooltip提示框,提示框中显示当前的天气状况及气温情况。当然这款HTML5图表也可以在其他地方使用。

    10款基于jquery实现的超酷动画源码 - 爱七七五八网 - 10

    在线演示

    源码下载

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

  • 相关阅读:
    C# 读写ini文件
    How to Create DLL(Dynamic link library)
    运算符优先级
    汇编指令:lea
    AT&T汇编语法与x86语法基本区别
    栈的生长方向理解
    Mac Mojave 10.14.5安装python tesserocr
    一台电脑发布多个网站
    局域网内电脑之间互相访问网站
    判断两个对象是否相等——javascript实现
  • 原文地址:https://www.cnblogs.com/i7758/p/5038134.html
Copyright © 2020-2023  润新知