翻啊翻...又翻到个早已遗忘在角落的存货...
这个插件,是之前应间应同事需求而写的。功能也比较简单,主要是为了实现点击某个区域,弹出个浮动层,显示相关的介绍。

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>

DemoDownload

感谢您的阅读,本文由 蓝色梦想 版权所有。如若转载,请注明出处:蓝色梦想 - Ublue jQuery FloatLayer 浮动层插件