MovingBoxes左右滑动放大图片插件在产品预览时很有用哦
实例代码
rush:js;">
<html xmlns="http://www.w3.org/1999/xhtml">
Moving<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>es滑动放大<a href="https://www.jb51.cc/tag/tupian/" target="_blank" class="keywords">图片</a><a href="https://www.jb51.cc/tag/chajian/" target="_blank" class="keywords">插件</a>
<link type="text/css" href="/api/jq/5733e358c8829/css/style.css" rel="external nofollow" rel="stylesheet">
<script type="text/javascript" src="/api/jq/5733e358c8829/js/jquery.js">
<script type="text/javascript" src="/api/jq/5733e358c8829/js/jquery.movingBoxes.js">
<script type="text/javascript">
$(function() {
$('#focus').moving<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>es({
startPanel: 1,// 从第<a href="https://www.jb51.cc/tag/yige/" target="_blank" class="keywords">一个</a>li开始
reducedSize: .5,// 缩小到原图50%的尺寸
wrap: true,// 是否无缝循环
buildNav: false,// 是否<a href="https://www.jb51.cc/tag/xianshi/" target="_blank" class="keywords">显示</a><a href="https://www.jb51.cc/tag/fenye/" target="_blank" class="keywords">分页</a>
navFormatter: function() {
return "●";// 返回<a href="https://www.jb51.cc/tag/fenye/" target="_blank" class="keywords">分页</a>格式
}
});
});<ul id="focus">