分享8个常用的jQuery焦点图插件

摘要:
本文选择了8个更强大的jQuery焦点图插件,希望对读者有所帮助。在线预览源代码下载2.jQuery水平滑动焦点图插件。这个jQuery图像滑块插件的特点是每组图像的水平滑动,看起来非常平滑,整个动画非常大气。总之,本文中共享的jQuery图像滑块插件只是在线预览源下载的一小部分。请继续关注我们的精品前端资源。

现在web网页jquery应用越来越广泛,目前几乎每一个WEB项目都在使用jQuery,因为jQuery插件实在太丰富,尤其是一些图片滑块插件和jQuery焦点图插件,更是多如牛毛,很多初学者只需稍微修改就可以使用。本文精选了8款比较强大的jQuery焦点图插件,希望对读者有所帮助。

1、jQuery动画焦点图 可自动播放图片

这是一款最基础的jQuery焦点图插件,包括切换的动画也是最基本的淡入淡出动画特效,但是它很轻巧,而且也比较容易扩展,因此也推荐使用。

jquery-auto-play-image

在线预览   源码下载

 

2、jQuery水平滑动焦点图插件

这款jQuery图片滑块插件的特点是每一组图片是水平滑动的,看起来非常平滑,而且整个动画很大气。

jquery-hor-image-slider

在线预览   源码下载

 

3、jQuery幻灯片播放焦点图插件

这是一款幻灯片样式的jQuery图片滑块插件,这应该是几年前的产品了,但是滑动非常流畅,推荐。

jquery-image-slider-player

在线演示  源码下载

 

4、jQuery仿苹果样式焦点图插件

这款jQuery图片滑块插件的外观非常精致,整体风格是仿Mac的,图片滑动也十分流畅,可以试试。

jquery-apple-image-slide

在线演示  源码下载

 

5、jQuery可自动播放动画的焦点图插件

这是一款基于jQuery的可自动播放动画的焦点图插件,各种元素悬浮在图片上,并且可以随意组合播放动画,非常适合一些产品的展示和宣传。

jquery-slider-animation

在线演示  源码下载

 

6、jQuery产品图片横向滚动 自定义滚动条

这款图片滚动插件比较适合展示一些小商品,并且数量比较大,这样图片分组滚动才会起到很好地效果。

jquery-image-player-with-scroll

在线预览   源码下载

 

7、jQuery多动画切换焦点图

这也是一款比较普通的jQuery焦点图,但是其图片切换效果比较丰富,可以是多方向的百叶窗动画效果。

jquery-mult-animation-silder

在线预览   源码下载

 

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

这个jQuery图片滑块插件可以完全自定义图片播放的内容,包括支持图片、文字、视频等,并且每一个元素都可以设置播放动画,就像PPT一样。

jquery-custom-slider-thumbnail

在线预览   源码下载

最后总结一下,本文分享的jQuery图片滑块插件仅仅是很少的一部分,接下来请继续关注我们的精品前端资源。

via:http://www.w2bc.com/Article/13634

免责声明:文章转载自《分享8个常用的jQuery焦点图插件》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Android Studio安装及其使用Ubuntu下用脚本执行sql语句(sqlite)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

jquery或者javascript将list转array数组_快速开发平台

jquery或者javascript将list转array数组,软件开发平台软件开发过程中经常会碰到后台传过来的list数据模型要转换成array数组的情况,那么我们该怎么去做呢? 如上图是转换后的表现形式。 解决方案,for循环进行赋值转换。如下代码段: $.getJSON('GetSCKBNum', function (da...

jquery插件:点击拉出的右侧滑动菜单

就是一个停留在页面右侧的滑动菜单,点击可以拉出,带回调函数。宽高位置可以参数指定。插件代码如下: (jquery的路径请自己修改) (function($){ $.fn.sideSwitch = function(opts){ var defaults = { contentWidth:'400px', c...

Jquery取值方法汇总

一、下拉框 1、jquery获取当前选中select的text值 var a = $("#ShareMoneyType").find("option:selected").text(); 2、jquery获取下拉框选中的Value值 var v = $("#ShareMoneyType").val(); 3、jquery获取当前选中select的索引值...

UE4_攻击伤害2_AI受击动画

新建一个简单的Ai, 给他添加上模型并调整至正确,修改碰撞设置。 visibility默认是忽略的,可以调整到阻挡,这样就能阻挡我们发出的射线。 这是一种阻挡射线的方法,但并不打算用这种。所以把visibility调回去。 在项目设置的collision里找到射线,新建一个射线命名为attack,并且默认相应改成 ignore 找到SimpleAI...

【JavaWeb项目】一个众筹网站的开发(四)后台用户注册功能

重点: 密码加密存储 使用jQuery插件做校验和错误提示等 密码不能明文存储,在数据库中是加密存储的 可逆加密:通过密文使用解密算法得到明文 DES AES 不可逆加密:通过密文,得不到明文 MD5 SHA-1 SHA-2 MD5优点:压缩性,长度固定;容易计算;抗修改性;强抗碰撞;MD5加盐值加密码 一、公司的工具类中加入MD5 proje...

JQuery EasyUI datagrid 批量编辑和提交

前台主要代码: <script type="text/javascript"> $(function() { var $dg = $("#dg"); $dg.datagrid({ url : "servlet/list", width : 700,...