MovingBoxes左右滑动放大图片插件在产品预览时很有用哦
实例代码
& lt; !DOCTYPE html公共”——//W3C XHTML 1.0//DTD过渡//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”的在
& lt; html xmlns=" http://www.w3.org/1999/xhtml "比;
& lt; head>
& lt;元http-equiv=? type”内容=" text/html;utf - 8字符集="/比;
& lt; title> MovingBoxes滑动放大图片插件& lt;/title>
& lt;链接类型=" text/css " href=" https://www.yisu.com/api/jq/5733e358c8829/css/style.css " rel=巴獠縩ofollow”rel=把奖怼北?
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/api/jq/5733e358c8829/js/jquery.js "祝辞& lt;/script>
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/api/jq/5733e358c8829/js/jquery.movingboxes.js "祝辞& lt;/script>
& lt;脚本type=" text/javascript祝辞
$(函数(){
$(" #关注”).movingBoxes ({
startPanel: 1、//从第一个李开始
reducedSize: 5,//缩小到原图50%的尺寸
包装:真的,//是否无缝循环
buildNav:假的,//是否显示分页
navFormatter:函数(){
返回“●”;//返回分页格式
}
}）;
}）;
& lt;/script>
& lt;/head>
& lt; body>
& lt; !——代码开始——比;
& lt; ul id="焦点"比;
& lt; li> & lt; a href=" https://www.yisu.com/zixun/" rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”祝辞& lt; img src=" https://www.yisu.com/api/jq/5733e358c8829/images/img01.jpg "祝辞& lt;/a> & lt;/li>
& lt; li> & lt; a href=" https://www.yisu.com/zixun/" rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”祝辞& lt; img src=" https://www.yisu.com/api/jq/5733e358c8829/images/img02.jpg "祝辞& lt;/a> & lt;/li>
& lt; li> & lt; a href=" https://www.yisu.com/zixun/" rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”祝辞& lt; img src=" https://www.yisu.com/api/jq/5733e358c8829/images/img03.jpg "祝辞& lt;/a> & lt;/li>
& lt; li> & lt; a href=" https://www.yisu.com/zixun/" rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”祝辞& lt; img src=" https://www.yisu.com/api/jq/5733e358c8829/images/img04.jpg "祝辞& lt;/a> & lt;/li>
& lt; li> & lt; a href=" https://www.yisu.com/zixun/" rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”祝辞& lt; img src=" https://www.yisu.com/api/jq/5733e358c8829/images/img05.jpg "祝辞& lt;/a> & lt;/li>
& lt;/ul>
& lt; !——代码结束——比;
& lt;/body>
& lt;/html>
之前
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
