Popup - 弹出层

 
//图片类快捷弹出层
 <a href="" target="_blank">
    <div class="panlifang1" style="width:宽度px;height:宽度px;background:url(原图地址);">
        <div class="J_TWidget" data-widget-config="{"trigger":".panlifang1","align":{"node":".panlifang1","points":["tl","tl"],"offset":[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>

 

转载于:https://www.cnblogs.com/beata/p/5717488.html