今天刚到新公司,熟悉代码时发现了这么行代码:
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>
分享到:
相关推荐
"JQuery仿最新淘宝网首页带箭头幻灯片" 是一个使用JavaScript库JQuery实现的网页动态效果,它旨在模仿淘宝网首页的滑动广告展示方式,通常称为“幻灯片”或“轮播图”。这种效果允许用户在一组图片或内容之间进行...
"js淘宝首页缓冲幻灯片"这个标题揭示了我们即将探讨的知识点是基于JavaScript实现的,主要用于模拟淘宝网首页上方的焦点图(幻灯片)切换效果。这种效果通常会在用户滚动页面或者点击按钮时平滑地展示一系列图片或...
在改版前,淘宝网首页的Banner区域采用了一种引人注目的幻灯片切换效果,为用户提供了一个动态、吸引人的展示空间,以吸引用户的注意力并引导他们浏览更多的商品。这种幻灯片切换效果是网页设计中的一个重要组成部分...
淘宝网首页的图片浮动代码主要涉及网页动态效果的实现,尤其是图片的幻灯片展示和切换特效。这种技术在现代网页设计中广泛应用,旨在提升用户体验,吸引用户注意力,并且使页面内容更加生动活泼。下面我们将详细探讨...
淘宝网首页曾用的焦点图幻灯切换特效,代码中还给出了一些参数自定义选项,以便更好的查看效果。这款焦点图切换效果动画效果流畅,演示了横向水平切换和纵向垂直切换图片的方式,切换速度和停顿时间都可以自己调整,...
轮播图,又称幻灯片、滑动广告等,是一种常见的网页交互设计方式,用于展示一系列图片或内容,并允许用户通过特定操作(如点击按钮、鼠标悬停等)来切换不同的内容。轮播图广泛应用于电商平台、企业官网等场景中,...
9. jquery仿flash的图片幻灯片播放特效实例完整版 10. jquery仿LightBox图片盒子单击逐渐放大的图片展示的插件下载 11. jquery仿Lightbox的插件jQuery UI.ariaLightbox点击图片放大显示插件下载 12. jQuery仿...
【描述】提到的"仿淘宝网首页正中间小焦点图特效代码"是指这个代码包旨在模仿淘宝网站上位于页面中央的小型焦点图滑动展示。该特效通常包括自动切换、手动导航、图片预加载等功能,为用户提供动态的视觉体验。用户...
焦点图,也被称为幻灯片或轮播图,是网页设计中常见的一种元素,用于展示一系列图片或内容,以吸引用户注意力并提供互动体验。淘宝首页的焦点图以其流畅的动画效果、易于操作和丰富的用户体验而著称,是许多开发者...
9.jquery仿flash的图片幻灯片播放特效实例完整版 10.jquery仿LightBox图片盒子单击逐渐放大的图片展示的插件下载 11.jquery仿Lightbox的插件jQuery UI.ariaLightbox点击图片放大显示插件下载 12.jQuery仿动感...
首页超大的幻灯片,美工试用了多种鲜艳的颜色搭配给人的视觉冲击强大。wordpress主题导航和傅导航让产品分类更加精准化,右侧也保留了多个广告位。 wordpress主题经过测试兼容网络主流浏览器,同时也感谢作者分享...
wordpress企业主题具有非常美观的导航菜单和幻灯片展示,使得整个wordpress网店主题非同寻常。特别适合做淘宝客和外贸网站,可以让你的产品轻松卖到全世界。wordpress企业主题的首页可以自定义,您可以通过小工具的...
9. jquery仿flash的图片幻灯片播放特效实例完整版 10. jquery仿LightBox图片盒子单击逐渐放大的图片展示的插件下载 11. jquery仿Lightbox的插件jQuery UI.ariaLightbox点击图片放大显示插件下载 12. jQuery仿动感...
9. jquery仿flash的图片幻灯片播放特效实例完整版 10. jquery仿LightBox图片盒子单击逐渐放大的图片展示的插件下载 11. jquery仿Lightbox的插件jQuery UI.ariaLightbox点击图片放大显示插件下载 12. jQuery仿动感...
9. jquery仿flash的图片幻灯片播放特效实例完整版 10. jquery仿LightBox图片盒子单击逐渐放大的图片展示的插件下载 11. jquery仿Lightbox的插件jQuery UI.ariaLightbox点击图片放大显示插件下载 12. jQuery仿动感...
41、首页幻灯片广告 js生成以后,图片有问题! 42、搜索结果只显示20条信息! 43、品牌分类页面有问题 44、调整下分类的排序 45、商品购买时候未验证设置的购买数量和总数量 46、在首页的"商品分类"中不能调整每个...
2. **幻灯片原理**:幻灯片效果通常是通过改变图片或内容容器的显示状态来实现的。这包括设置定时器来自动切换当前显示的图片,以及添加鼠标悬停或点击事件来手动切换。jQuery的`.fadeIn()`和`.fadeOut()`方法常用于...
1.主要解决幻灯片上传BUG 2.优化部分代码。 产品特点: 针对中小站长、图片分享,个性微博,淘宝客、网店设计,提供商品信息抓取、图片抓取等必备功能 瀑布流,第三方登录,首页定制,标签组,伪静态,专辑,...
wordpress企业主题具有非常美观的导航菜单和幻灯片展示,使得整个wordpress网店主题非同寻常。特别适合做淘宝客和外贸网站,可以让你的产品轻松卖到全世界。wordpress企业主题的首页可以自定义,您可以通过小工具的...
wordpress企业主题具有非常美观的导航菜单和幻灯片展示,使得整个wordpress网店主题非同寻常。特别适合做淘宝客和外贸网站,可以让你的产品轻松卖到全世界。wordpress企业主题的首页可以自定义,您可以通过小工具的...