基于jQuery焦点图百叶窗效果切换。这是一款带各种百叶窗过渡效果的jQuery幻灯片插件。效果图如下:在线预览 源码下载实现的代码。html代码:<div class="htmleaf-container"> < ...
基于jQuery焦点图百叶窗效果切换。这是一款带各种百叶窗过渡效果的jQuery幻灯片插件。效果图如下:
在线预览 源码下载
实现的代码。
html代码:
<div class="htmleaf-container"> <div class="slider"> <ul class="slider-main"> <li> <img src='/images/loading.gif' data-original="images/1.jpg" > </li> <li> <img src='/images/loading.gif' data-original="images/2.jpg" > </li> <li> <img src='/images/loading.gif' data-original="images/3.jpg" > </li> <li> <img src='/images/loading.gif' data-original="images/4.jpg" > </li> </ul> </div> </div> <script src='/images/loading.gif' data-original="js/jquery-2.1.1.min.js" type="text/javascript"></script> <script src='/images/loading.gif' data-original="js/osSlider.js"></script> <script type="text/javascript"> var slider = new osSlider({ //开始创建效果 pNode: '.slider', //容器的选择器 必填 cNode: '.slider-main li', //轮播体的选择器 必填 speed: 3000, //速度 默认3000 可不填写 autoPlay: true //是否自动播放 默认true 可不填写 }); </script>
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:基于jQuery焦点图百叶窗效果切换
关键词:jquery
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。