跳转到内容

飘浮碎片如何定位标签层

对 于一些浮动的碎片,比如底部菜单或者是对联广告等等,非固定在页面,非相对定位的元素,有时候用户不好找到相应的碎片设置。这个时候就需要做一些特别的设置,让用户更好的找到他。 这个时候最好在碎片的头部加入类似下面的的代码

{if LABEL_SET===true}
<div style="font-size:20px;margin-bottom:50px;" id="wapmenu003">底部菜单<!--这里仅仅是方便提示用户而已--></div>
<script type="text/javascript">
$(function(){
$("#wapmenu003").before($("#menu_0003").clone(true)); //克隆标签层,方便设置
})
</script>
{/if}

{if LABEL_SET===true} {/if} 这个判断是当处于标签设置的时候,才显示里边的内容 <div style="font-size:20px;margin-bottom:50px;" id="wapmenu003">底部菜单<!--这里仅仅是方便提示用户而已--></div> 这段代码是一个占位符,方便用户看到那个碎片是代表什么,因为一些特殊的碎片他的位置不是固定的。比如漂浮的情况。 $("#wapmenu003").before($("#menu_0003").clone(true)); 这个代表复制漂浮那个碎片的层设置到当前的位置,方便用户进行标签设置。 如下图所示 img