淘宝店铺装修中，较常用到弹出层特效，如导航，产品详情等等。本文就详细介绍了popup弹出层的用法。
工具/原料
网店
素材
方法/步骤
1、首先，准备好素材图片用来做弹出层和鼠标移入层。
2、进入淘宝后台，新建一个自定义内容区，并点击进入代码模式。到此，准备的工作全部完成，下面进入代码编写模式。
3、如果你有代码基础很好，如果没有也没关系水貔藻疽，copy就OK了，弹出层需要应用淘宝的widget规范，具体代码为：<div惺绅寨瞀class="first-trigger"></div> <divclass="J_TWidgethidden"data-widget-type="Popup"data-widget-config="{'trigger':'.first-trigger','align':{'node':'.first-trigger','offset':[0,0],'points':['cr','cc']}}"><divstyle="background-color:yellow;height:100px;width:100px;"></div> </div>（这里方便复制，看图熟悉用法）
4、这是我的示例，其中t筠续师诈rigger是鼠标滑过哪个元素的时候弹出当前的popup，可用class和id，node是相对于哪个元素的位置，p泠贾高框oints表示与元素哪里对齐，其中t(上)，c(中),b(下),l(left),r(右)，offset基本用于微调,在x,y坐标之间移动。
5、其中定位较难理解，补充个定位图。
