由于淘宝装修平台增强了一些展示效果,但这些效果需要用Javascript编写,但目前淘宝装修平台又不能将Javascript开放给众多设计者,所以他们提供了一些Widget库供设计者调用。
淘宝装修平台中可供调用的几种轮播效果插件有:Tab标签、Slide卡盘、Carousel旋转木马和Accordion手风琴。
很显然你给出来的这代码是属于slide卡盘插件的,slide是滑动的意思,slider-promo J_Slider J_TWidget tb-slide表示需要用库文件开始渲染;高度是400像素,
data-widget-type="slide"这个是用来告诉库文件,我们的widget组件要用什么方式来渲染,即它的表现方式为slide卡盘式;
data-widget-config=”{….}”这里是组件的相关配置,是很灵活的一部分,可以看后面的配置表;
ul和li都是列表标识符。这段代码没看错的话,应该是用在淘宝上做图片轮播的代码吧。
配置参数列表
slider-promo J_Slider J_TWidget tb-slide是CSS属性引用值,style="HEIGHT: 400px" 这个是行里直接做高度的400像素的CSS属性,至于data-widget-config="{'effect':'fade','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide">
不是很清楚,也向楼下的求解下