新版淘宝宽屏轮播代码带缩略图

直接复制改下图片和地址就可以直接用了

<div class="J_TWidget" data-widget-config="{"effect": "fade", "circular": true ,"contentCls":"taobaoux"}" data-widget-type="Tabs" style="height:545px;overflow:hidden;"><div class="taobaoux" style="height:550px;"><div class="footer-more-trigger" style="width:1920px;height:550px;top:auto;padding:0px;border:none;left:50%;"><div class="footer-more-trigger" style="width:1920px;height:550px;padding:0px;border:none;left:-960px;"><div data-widget-config="{"contentCls": "taobaoux-com","navCls": "bbs-taobaoux-com","effect": "scrollx","easing": "easeOutStrong","prevBtnCls":"prev1920","nextBtnCls":"next1920","autoplay": true,"viewSize":[1920],"circular": true}" data-widget-type="Carousel" class="J_TWidget"><div class="J_TWidget" data-widget-config="{"trigger":".ux1920","align":{"node":".ux1920","offset":[-500,0],"points":["cc","cc"]}}" data-widget-type="Popup" style="display:none;"><div class="prev1920" style="font-size:100px;cursor:pointer;opacity:0.5;color:#F00;"><</div></div><div class="J_TWidget" data-widget-config="{"trigger":".ux1920","align":{"node":".ux1920","offset":[500,0],"points":["cc","cc"]}}" data-widget-type="Popup" style="display:none;"><div class="next1920" style="font-size:100px;cursor:pointer;opacity:0.5;color:#F00;">></div></div><div style="height:550px;width:1920px;overflow:hidden;padding:0px;margin:0px;" class="ux1920"><ul class="taobaoux-com" style="height:550px;width:1920px;padding:0px;margin:0px;"><li style="width:1920px;height:550px;padding:0px;margin:0px;"><a target="_blank" href="http://item.taobao.com/item.htm?spm=686.1000925.1000774.19.DJCq42&id=40754166786" style="padding:0px;margin:0px;"> <img src="http://img04.taobaocdn.com/imgextra/i4/815810282/TB2AvwcaXXXXXXWXpXXXXXXXXXX_!!815810282.jpg" width="1920px" height="550px" border="0px" /></a></li><li style="width:1920px;height:550px;padding:0px;margin:0px;"><a target="_blank" href="http://item.taobao.com/item.htm?spm=686.1000925.1000774.25.DJCq42&id=40754250495" style="padding:0px;margin:0px;"> <img src="http://img02.taobaocdn.com/imgextra/i2/815810282/TB2OrAcaXXXXXaGXpXXXXXXXXXX_!!815810282.jpg" width="1920px" height="550px" border="0px" /></a></li><li style="width:1920px;height:550px;padding:0px;margin:0px;"><a target="_blank" href="http://item.taobao.com/item.htm?spm=686.1000925.1000774.13.DJCq42&id=40776061767" style="padding:0px;margin:0px;"> <img src="http://img03.taobaocdn.com/imgextra/i3/815810282/TB2EggbaXXXXXa2XpXXXXXXXXXX_!!815810282.jpg" width="1920px" height="550px" border="0px" /></a></li><li style="width:1920px;height:550px;padding:0px;margin:0px;"><a target="_blank" href="http://snegou.taobao.com/ugo.htm?spm=2013.1.w5002-8374628890.3.E6tJa5" style="padding:0px;margin:0px;"> <img src="http://img03.taobaocdn.com/imgextra/i3/815810282/TB2Z9oaaXXXXXafXXXXXXXXXXXX_!!815810282.jpg" width="1920px" height="550px" border="0px" /></a></li></ul></div><div class="footer-more-trigger" style="padding:0px;border:none;left:50%;"><div class="footer-more-trigger" style="width:1920px;height:50px;padding:0px;border:none;left:-960px;background:url() repeat;top:505px;"><ul class="bbs-taobaoux-com" style="width:950px;height:50px;margin:0 auto;text-align:center;"><li style="display:inline;margin:0 5px;cursor:pointer;line-height:50px;"><img src="http://img01.taobaocdn.com/imgextra/i1/815810282/TB25pZhaXXXXXbXXXXXXXXXXXXX_!!815810282.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li><li style="display:inline;margin:0 5px;cursor:pointer;line-height:50px;"><img src="http://img03.taobaocdn.com/imgextra/i3/815810282/TB2REZgaXXXXXbyXXXXXXXXXXXX_!!815810282.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li><li style="display:inline;margin:0 5px;cursor:pointer;line-height:50px;"><img src="http://img03.taobaocdn.com/imgextra/i3/815810282/TB2xv3caXXXXXc7XXXXXXXXXXXX_!!815810282.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li><li style="display:inline;margin:0 5px;cursor:pointer;line-height:50px;"><img src="http://img01.taobaocdn.com/imgextra/i1/815810282/TB2uoAaaXXXXXbjXXXXXXXXXXXX_!!815810282.png" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li></ul></div></div></div></div></div></div><ul class="ks-switchable-nav" style="display:none;"></ul>
</div>

我的小店：http://snegou.taobao.com/

新版淘宝宽屏轮播代码带缩略图相关推荐

js实现淘宝首页图片轮播效果
原文:http://ce.sysu.edu.cn/hope2008/Education/ShowArticle.asp?ArticleID=10585 <!DOCTYPE html> &l ...
更好的设计 | 苹果cms10《 SKRN》自适应影视站绿色清新精品模板高端大气宽屏轮播
苹果cms10< SKRN>自适应影视站绿色清新精品模板高端大气宽屏轮播可以拿来做影视站的经典侧栏样式模板.自定义幻灯,包含了专题.剧情.明星.留言页面等样式及全部功能此款为私人10k ...
苹果CMSv10自适应视频站精品模板高端大气宽屏轮播幻灯模板
苹果CMSv10自适应视频站精品模板高端大气宽屏轮播幻灯模板此款为私人3k高价定制版经协商同意后上架为共享版本,上架不久后销量爆棚,宽屏大气模板,DIY系列支持扩展,完美自适应支持手机触屏! 声明: ...
凡客诚品精品街宽屏轮播插件与鼠标高亮显示效果
如图一:页面刷新时候的效果是这样的如图二:图片过五秒会自动轮转一次,当鼠标移动到小广告图时候,其他广告图出校灰色效果,这样效果是一个很简单的效果制作成的最后,javascript的代码分享为: $ ...
淘宝触屏版适配代码，趴下来以后写移动端页面的时候可以参考下
顺便说几个属性: 1.window.devicePixelRatio 它的官方的定义为:设备物理像素和设备独立像素的比例,也就是 devicePixelRatio = 物理像素 / 独立像素.css ...
Android 实现图片轮播(仿淘宝首页商品轮播展示)
一引用依赖 // 图片轮播图implementation 'com.github.dongjunkun:BannerLayout:1.0.6' 二创建图片加载工具类 public class G ...
Swiper全屏自适应图片轮播代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
基于jQuery可悬停控制图片轮播代码
基于jQuery可悬停控制图片轮播代码.这是一款可悬停切换全屏轮播jQuery幻灯片.效果图如下: 在线预览源码下载实现的代码: <div id= ...
jquery，js实现手机端全屏轮播图手动滑动+自动切换(autoplay)
jquery,js实现手机端全屏轮播图使用了swiper插件,可手动滑动切换也可自动切换效果图 css代码只是作为参考,可以根据你自己的需求去改,这里我用的是上下两张背景图,图自行修改 html ...
jquery导航图片全屏滚动、首页全屏轮播图，各式相册
1.目录结构源码 project css js image index1 index2 index3 index4 index.html index1到index4分为四个iframe标签引入的可单 ...

新版淘宝宽屏轮播代码带缩略图

新版淘宝宽屏轮播代码带缩略图相关推荐

最新文章

热门文章