10款基于jQuery的图片滑块焦点图插件

1.Material UI – Material Design CSS 框架

Material Design 是谷歌推出的全新的设计理念,采用大胆的色彩、流畅的动画播放,以及卡片式的简洁设计。Material Design 风格的设计拥有干净的排版和简单的布局,容易理解,内容才是焦点。Material UI 是一个 CSS 框架和一组实现谷歌 Material Design 设计规范的 React 组件。可以作为 NPM 安装包,使用 browserify 和 reactify 的依赖管理和 JSX 转换。

在线演示

源码下载

2.jQuery实现的右侧选项卡焦点图片轮播动画

jQuery实现的右侧选项卡焦点图片轮播动画特效源码,是一段清新可爱的焦点图轮播代码,支持自动轮播与手动点击,是一段不错的焦点图切换代码。

在线演示

源码下载

3.jquery实现的网页缩略图大纲可滑动显示动态

query实现的网页缩略图大纲可滑动显示动态特效源码,是一款拥有网页大纲的缩略图显示的代码,点击滑动缩略图即可看到想要的东西,支持鼠标点击、拖动及鼠标滚动切换显示。

在线演示

源码下载

4.纯CSS3实现的自定义美化UL OL列表的3种发光动画

这是我们之前没有分享过的CSS3特效类型,它是一个可以自定义美化UL和OL列表的CSS3应用。当我们将鼠标滑过每一个列表项的时候都会出现一定的动画特效,效果非常不错。这种列表美化样式一共有3种,发光效果最酷了。

在线演示

源码下载

5.HTML5+SVG实现的线性图表特效源码

今天要分享的这款HTML5图表应用是一款线性图表,它主要是有SVG构造出来的,这款SVG线性图表可以用不同的颜色绘制出图表的数据区域。

在线演示

源码下载

6.HTML5基于Canvas实现的火焰喷射动画

今天我们要来分享一款类似的HTML5动画效果,一款基于HTML5 Canvas火焰喷射动画。用鼠标拖动一条直线,直线长度表示火焰喷射的力度,另外,火焰在运动中还可以反射效果哦。

在线演示

源码下载

7.Jquery实现的手风琴选项卡点击垂直切换动态

Jquery实现的手风琴选项卡点击垂直切换动态特效源码,是一段可以实现垂直方向动态切换效果的手风琴选项切换代码,网页中使用此类代码可以让页面显示更加简洁、清爽。

在线演示

源码下载

8.jquery实现的支持手机触屏滑动切换的选项卡切换

jquery实现的支持手机触屏滑动切换的选项卡切换特效源码,是一段可以实现手机触屏左右滑动切换效果的代码,当然在电脑上就是使用鼠标进行左右滑动,这类效果在手机中多用于各种手机助手的列表内,需要此段代码的朋友们可以前来下载使用。

在线演示

源码下载

9.jQuery动态生成订单进度步骤

这是一款基于jQuery实现的动态生成订单进度步骤代码,提取后台传输到页面的数据,根据数据进行进度的变更。可在js脚本的o_status中设置初始值进行进度的变更。

在线演示

源码下载

10.HTML5/CSS3自定义浮动Select 超炫下拉菜单

今天我们要分享一款HTML5/CSS3悬浮的自定义Select下拉菜单,这个CSS3菜单利用CSS3特性可以浮动在网页上,并带有阴影效果,同时,展开下拉框时会以旋转形式弹出一个二级菜单,菜单呈现漂浮晃动的效果。

在线演示

源码下载

未经允许不得转载:爱前端网 » 10款基于jQuery的图片滑块焦点图插件

赞 (0) 打赏


觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏