//图片类快捷弹出层

 <a href="" target="_blank">

    <div class="panlifang1" style="width:宽度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="width:宽度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; width: 200px;">

       我是一个弹出层

    </div>

</div>