ayumi
Flickerplate是一个jquery图片轮播插件。使用时需要使用Modernizr来做触摸检测，所以必须引入jQuery和Modernizr。
引入必要的js文件和css文件
<head>
// Required javascript
<script src="js/min/jquery-v1.10.2.min.js"></script>
<script src="js/min/modernizr-custom-v2.7.1.min.js"></script>
<script src="js/min/jquery-finger-v0.1.0.min.js"></script>
// Flickerplate
<script src="js/min/flickerplate.min.js"></script>
<link href="css/flickerplate.css" rel="stylesheet" type="text/css">
</head>
HTML结构
<div class="flicker-example">
<ul>
<li>
<div class="flick-title">Title 1</div>
<div class="flick-sub-text">Text line 1</div>
</li>
<li>
<div class="flick-title">Title 2</div>
<div class="flick-sub-text">Text line 2</div>
</li>
<li>
<div class="flick-title">Title 3</div>
<div class="flick-sub-text">Text line 3</div>
</li>
</ul>
</div>
调用方法
<script>
$(document).ready(function(){
$(".flicker-example").flicker();
});
</script>
版权声明
文章来源： https://www.uihtm.com/jquery/8399.html
版权说明：仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。我们非常重视版权问题，如有侵权请邮件(44784009#qq.com)与我们联系处理。敬请谅解！
