Popup

 
//图片类快捷弹出层
 <a href="" target="_blank">
    <div class="panlifang1" style="宽度px;height:宽度px;background:url(原图地址);">
        <div class="J_TWidget" data-widget-config="{&quot;trigger&quot;:&quot;.panlifang1&quot;,&quot;align&quot;:{&quot;node&quot;:&quot;.panlifang1&quot;,&quot;points&quot;:[&quot;tl&quot;,&quot;tl&quot;],&quot;offset&quot;:[0,0]}}" data-widget-type="Popup" style="display:none;">
             <img src="弹出图片地址" />
        </div>
    </div>
 </a>


//文字类弹出层
<div class="first-trigger" style="宽度px; height:宽度px">我只是个触点而已，把鼠标滑到我身上</div>
 
<div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{
          'trigger':'.first-trigger',
          'align':{
                  'node':'.first-trigger',
                  'offset':[0,0],
                  'points':['cc','cc']
                  }
            }">
    <div style="background-color: yellow; height: 200px;  200px;">
       我是一个弹出层
    </div>
</div>