翻啊翻...又翻到个早已遗忘在角落的存货...
这个插件,是之前应间应同事需求而写的。功能也比较简单,主要是为了实现点击某个区域,弹出个浮动层,显示相关的介绍。
JAVASCRIPT CODE:
$(function(){ $(".unfoldLayer").UblueFloatLayer({ floatLayer:"floatLayer", //设置浮动层 offsetMode:"center", //设置对齐方式 (默认值center 可选参数:Left、center) offsetTop:"6", //设置上间距(默认值0 可负值) offsetLeft:"0" //设置左间距(默认值0 可负值) }); });
HTML CODE:
<!-- 简易布局 --> <div class="section"> <div class="btn unfoldLayer">Click me</div> </div> <div class="section"> <div class="btn unfoldLayer">Click me</div> </div> <!-- 浮动层 --> <div class="floatLayer"> <div class="close"></div> </div>
感谢您的阅读,本文由 蓝色梦想 版权所有。如若转载,请注明出处:蓝色梦想 - Ublue jQuery FloatLayer 浮动层插件