首页图片幻灯片淘宝网

最新推荐文章于 2024-10-02 05:39:15 发布

c0s1d2n7

最新推荐文章于 2024-10-02 05:39:15 发布

阅读量227

点赞数 1

分类专栏： js 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/c0s1d2n7/article/details/83940125

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

今天刚到新公司，熟悉代码时发现了这么行代码：
TB.widget.SimpleSlide.decoration('SlidePlayer', {eventType:'mouse', effect:'scroll'});
以前没见过，经过搜查才发现是“淘宝网首页图片幻灯片代码”，好像这个用的还挺多？

下面我说下其用法（这个网上可以搜到，自己总结下）：
首先要引入两个js文件yu.js和tb.js；
接着在body中加入要显示的图片：
<div id="SlidePlayer">
<ul class="Slides">
<li><a target="_blank" href="url"><img src="01.jpg"></a></li>
<li><a target="_blank" href="url"><img src="02.jpg"></a></li>
<li><a target="_blank" href="url"><img src="03.jpg"></a></li>
</ul>
</div>
最后是调用的方法：（div的id要跟方法中的id一致）
<script type="text/javascript">
TB.widget.SimpleSlide.decoration('SlidePlayer', {eventType:'mouse', effect:'scroll'});
</script>