这儿我能很认真的告知诸位淘友们，淘宝装修无法使用常见网页页面装修中的JS源代码，一样都是无法链接JS文档，淘宝店铺装修自定具体内容区只适用HTML编码！
当我们试着在HTML源代码中添加<script type="text/javascript">JS编码</script>时，淘宝网立刻让你过虑掉！
因此，即使你是个JS大神，在淘宝网你也束手无策！如果你想要花1W块变成淘宝装修市场中的模版室内设计师，那般你也就可以随便应用各种各样JS动画特效来室内装修你模版了。
那是不是说不是模版室内设计师就用不上JS动画特效呢？并不是的，实际上或是可以用的，但不是你想写怎样就什么样，那般淘宝网难道不是全乱套了。
淘宝网早已把全套JS编为了Widget组件，你一定要依照特定Widget接口撰写，才可以完成你想要的实际效果。例如你要应用JS滚屏动画特效，只必须在DIV中添加一个CLASS，class="J_TWidget hbplaybg" 再添加一个配置参数data-widget-config=""就可以，则不必须像正常的撰写JS编码那般，写一大堆编码。
下边，请各位看案例详细介绍
许多好朋友在问如何做到CSS的伪类实际效果，（其实就是如何做到a:hover的实际效果，淘宝网不兼容CSS，因此做了店面装修的应当都懂），今天我告诉大家应用Winget组件插口，就能够完成CSS伪类实际效果。
下列为设计效果图（鼠标移动到绿色背景，鲜红色变成灰黑色）
所有编码如下所示：（PS：把背景色改为照片后，就是一个JS碰碰车作用了哦）
<div class="sub all_t1" style="width:300px;height:300px;background:#F00;">
<div data-widget-config="{'trigger':'.all_t1','align':{'node':'.all_t1','offset':[0,-300],'points':['bc','tc']}}" data-widget-type="Popup" class="J_TWidget hidden">
<div style="width:300px;height:300px;background:#000"></div>
</div>
</div>
