超棒的视差效果jQuery插件 - FractionSlider
如果你希望找到一款与众不同的jQuery幻灯插件的话,Fractionslider/ 肯定会让你眼前一亮,和传统幻灯不同的是,它可以让页面中的任何元素生成独立的动画效果。
使用非常简单,如下:
引入CSS和JS
- <linkhref="fractionslider.css"rel="stylesheet"/>
- <scripttype="text/javascript"src="jquery-1.9.0.min.js"></script>
- <scripttype="text/javascript"src="jquery.fractionslider.js"></script>
HTML
- <divclass="slider"><!-- your slider container -->
- <divclass="slide"><!-- all elements for the first slide --></div>
- <divclass="slide"><!-- all elements for the second slide --></div>
- <!-- and so on -->
- <divclass="fs_loader"><!-- shows a loading .gif while the slider is getting ready --></div>
- </div>
需要动画效果的元素:
- <imgalt=""src="path/to/image"data-position="100,100"/>
调用插件:
- jQuery(window).load(function(){
- $('.slider').fractionSlider();
- });
相关推荐
EdwardSiCong 2020-11-23
85477104 2020-11-17
hhanbj 2020-11-17
81427005 2020-11-11
seoppt 2020-09-13
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
84483065 2020-09-11
momode 2020-09-11
85477104 2020-08-15
83510998 2020-08-08
82550495 2020-08-03
tthappyer 2020-08-03
84901334 2020-07-28
tthappyer 2020-07-25
TONIYH 2020-07-22
tztzyzyz 2020-07-20
83510998 2020-07-18
81463166 2020-07-17