大头盆盆

导航

Popup - 弹出层

 
//图片类快捷弹出层
 <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>


 

posted on 2016-07-29 10:56  大头盆盆  阅读(595)  评论(0编辑  收藏  举报