<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jquery全屏图片滑动插件cbpFWSlider - 网页模板</title>
<link rel="stylesheet" type="text/css" href="css/component.css" />
<script src="js/modernizr.custom.js"></script>
</head>
<body>
<div class="container">
<div id="cbp-fwslider" class="cbp-fwslider">
<ul>
<li><a href="#"><img src="images/1.jpg" alt="img01"/></a></li>
<li><a href="#"><img src="images/2.jpg" alt="img02"/></a></li>
<li><a href="#"><img src="images/3.jpg" alt="img03"/></a></li>
<li><a href="#"><img src="images/4.jpg" alt="img04"/></a></li>
<li><a href="#"><img src="images/5.jpg" alt="img05"/></a></li>
</ul>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.cbpFWSlider.min.js"></script>
<script>
$( function() {
/*
- how to call the plugin:
$( selector ).cbpFWSlider( [options] );
- options:
{
// default transition speed (ms)
speed : 500,
// default transition easing
easing : 'ease'
}
- destroy:
$( selector ).cbpFWSlider( 'destroy' );
*/
$( '#cbp-fwslider' ).cbpFWSlider();
} );
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：IE、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p>
<p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>
jquery全屏图片滑动插件cbpFWSlider.zip
版权申诉
116 浏览量
2022-11-21
11:32:52
上传
评论
收藏 1.2MB ZIP 举报
jquery全屏图片滑动插件cbpFWSlider.zip （12个子文件） 
jquery全屏图片滑动插件cbpFWSlider 
jquery全屏图片滑动插件cbpFWSlider.jpg 60KB jiaoben2099 css 
component.css 1KB images 2.jpg 230KB 1.jpg 216KB 3.jpg 207KB 5.jpg 246KB 4.jpg 292KB
index.html 2KB js jquery.min.js 90KB jquery.cbpFWSlider.js 7KB modernizr.custom.js 9KB jquery.cbpFWSlider.min.js 4KB资源评论
