jQuery技术

一个仿苹果轮播图效果的jQuery插件

字号+ 作者:H5之家 来源:H5之家 2017-07-02 10:02 我要评论( )

该轮播图效果为切换轮播图时会产生视差效果,以及文字的一个缩放效果。

jQuery-Apple-Slider

一个仿苹果轮播图效果的jQuery插件

该轮播图效果为切换轮播图时会产生视差效果,以及文字的一个缩放效果。

ps:由于本插件使用了大量CSS3属性,对于低版本浏览器(如ie9以下版本等不支持CSS3属性的浏览器)不兼容。

demo:线上地址

使用方法

调用轮播插件: Html: slide_wrapperdiv gallery_slide_wrappera gallery_itemdiv gallery_item_contentdiv gallery_item_lockup_wrapperspanspandivdivgallery_imagedivadivdiv> Javascript: $(".slide_wrapper").AppleSlider({ imgItem:'.gallery_item', //轮播图容器Class imgNum:3, //轮播图数量至少为3张 autoplay是否为自动轮播 });

个人简介

作者:弦云孤赫(David Yang)

职业:web前端开发工程师

爱好:网游、音乐(吉他)

联系方式

QQ:314786482

微信:yangyunhe_yyh

坐标:四川成都

 

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

相关文章
网友点评