keymob移动端广告平台为应用开发者和广告主提供应用交叉推广、手机广告优化等一站式移动营销解决方案,使应用开发者和广告主获得价值的最大化。
一、使用方法
复制代码 代码如下:
<link rel=”stylesheet” href=”css/smoothproducts.css”>
<script type=”text/javascript” src=”js/jquery.min.js”></script>
<script type=”text/javascript”问心无愧 src=”js/smoothproducts.min.js”></script>
二、html结构
复制代码 代码如下:
<div class=”sp-wrap”>
<a href=”images/1.jpg”><img src=”images/1_tb.jpg” alt=””></a>
<a href=”images/2.jpg”><img src=”images/2_tb.jpg” alt=””></a>
</d银行营销iv>
你还可以通过使用sp-loading class添加一个图片加载时的loading指示器容器,这个容器会在图片加载完成之后消失。
复制代码 代码如下:
<div class=”sp-loading”><img src=”images/sp-loading.gif” alt=””>
loading images</div>
<div class=”sp-wrap”>
<a href=”images/1.jpg”><img src=”images/1_tb.jpg” alt=””></a>
<a href=”images/2.jpg塞万提斯”><img src=”images/2_tb.jpg” alt=””></a>
</div>
如果需要在页面加载时显示指定的商品缩略图,而不是第一张缩略图,可以在想要指定的图片的超链接上指定sp-default class。
复制代码 代码如下:
<div class=”sp-wrap”>
<a href=”images/1.jpg”><img src=”images/1_tb.jpg” alt=””></a>
<a href=”images/2.寻找春天的足迹作文jpg” class=”sp-default”><img src=”images/2_t2017集五福b.jpg” alt=””></a>
</div>
三、初始化插件
复制代码 代码如下:
<script type=”text/javascript”>
$(window).load( function() {
$(‘.sp-wrap’).smoothproducts();
});
</script>
keymob移动端广告平台为应用开发者和广告主提供应用交叉推广、手机广告优化等一站式移动营销解决方案,使应用开发者和广告主获得价值的最大化。
本文发布于:2023-04-06 14:00:32,感谢您对本站的认可!
本文链接:https://www.wtabcd.cn/fanwen/zuowen/e9cacf52f58a2eaa1905aefe0c1c842e.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文word下载地址:Html5插件教程之添加浏览器放大镜效果的商品橱窗.doc
本文 PDF 下载地址:Html5插件教程之添加浏览器放大镜效果的商品橱窗.pdf
留言与评论(共有 0 条评论) |