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>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步