<div class="slider-promo J_Slider J_TWidget" data-type="scroll" data-widget-type="Slide" style="width:950px;height:600px;" data-widget-config="{'effect':'scrolly','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}">
<ul class="lst-main">
<li><a href="商品链接地址"><img src="商品图片详细地址" style="width:950px;height:600px;" /></a></li>
<li><a href="商品链接地址"><img src="商品图片详细地址" style="width:950px;height:600px;" /></a></li>
<li><a href="商品链接地址"><img src="商品图片详细地址" style="width:950px;height:600px;" /></a></li>
<li><a href="商品链接地址"><img src="商品图片详细地址" style="width:950px;height:600px;" /></a></li>
</ul>
</div>
代码解释：
'effect':'scrolly' 往上翻转的滚屏，必须渐变效果的滚屏只必须把scrolly改成fade
img src="#" 图片地址 a href="#" 图片地址详细地址
width:950px; 图片宽度 height:600px; 照片相对高度
留意：img标签中的图片宽度和照片相对高度是需要设定的，不然滚屏将不完整。
下边是怎么使用950*600淘宝网轮播图片html源码的实例教程：
