超棒的视差效果jQuery插件
在线演示
使用非常简单,如下:
引入CSS和JS
<link href="fractionslider.css" rel="stylesheet" /><script type="text/javascript" src="jquery-1.9.0.min.js"></script><script type="text/javascript" src="jquery.fractionslider.js"></script>
HTML
<div class="slider"><!-- your slider container --> <div class="slide"><!-- all elements for the first slide --></div> <div class="slide"><!-- all elements for the second slide --></div> <!-- and so on --> <div class="fs_loader"><!-- shows a loading .gif while the slider is getting ready --></div></div>
需要动画效果的元素:
<img alt="" src="path/to/image" data-position="100,100" />
调用插件:
jQuery(window).load(function(){ $('.slider').fractionSlider();});
下载地址:http://jacksbox.de/stuff/jquery-fractionslider/
【超棒的视差效果jQuery插件】相关文章
3. Parallax.js:自适应智能设备方向的视差效果插件
4. 另外一款超棒的响应式布局jQuery插件 - Freetile.js
9. 分享一款页面视差滚动切换jquery.localscroll插件
本文来源:https://www.51html5.com/a1261.html
﹝超棒的视差效果jQuery插件﹞相关内容
- 2014年12月最棒的 20 个 jQuery 插件
- 随机字符变换效果的jQuery插件开发教程
- bookblock:可帮助你生成翻页效果的jQuery插件
- jQuery插件实现css3效果
- jQuery插件实现css3效果
- 随机字符变换效果的jQuery插件开发教程
- bookblock:可帮助你生成翻页效果的jQuery插件
- 带幻灯片效果的全屏背景jQuery插件:Vegas2
- Dangersoffracking:视差滚动效果网站
- jQuery插件——jRating评分插件源码分析