手机版底部导航弹窗效果的一种简单的达成方式
发布时间：2021-11-30 18:12:35 所属栏目：教程 来源：互联网
导读：最近在做一个DZ手机版Z整合项目，估计着难度不高就开工，中途看到admin的建站笔记，有收获，有失败。逐渐琢磨出对DZ的初步理解。 长话短说，上代码。 div id=czfooter style=z-index: 999;//可以根据显示效果，修改数字：999 置顶呈现悬浮窗，DZ手机版自带的
|
最近在做一个DZ手机版Z整合项目，估计着难度不高就开工，中途看到admin的建站笔记，有收获，有失败。逐渐琢磨出对DZ的初步理解。 长话短说，上代码。 <div id="czfooter" style="z-index: 999;">//可以根据显示效果，修改数字：999 置顶呈现悬浮窗，DZ手机版自带的悬浮一般最高是1002左右，为了不重复管理功能的悬浮，设置为999 <!--<nav> --> <ul id="czfooter_list"> <li class="list_li home active"><a href="forum.php" class="newth">{lang mobilehome}</a>//读取手机版自带首页</li> <li class="list_li mall" ><a href="#" class="newth">商城</a></li> <li class="list_li new" > <p><a href = "JavaScript:void(0)"><b class="newth">+</b></a></p> <div id="light" class="white_content"> <a href = "javascript:void(0)" onclick"document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"><span class="newth"> 关闭</span></a> <a href="#">//根据需要写上链接<span class="newth">发帖子</span></a> <a href="#">//根据需要写上链接<span class="newth">发圈子</span></a><a href="search.php?mod=forum">//调用搜索功能<span class="newth">{lang search}</span>//调用搜索名称</a> </div> </li> <li class="list_li find"><a href="#" class="newth">发现</a></li> <li class="list_li profile"> <a href="<!--{if $_G[uid]}-->home.php?mod=space&uid=$_G[uid]&do=profile&mycenter=1<!--{else}-->member.php?mod=logging&action=login<!--{/if}-->" class="newth">我的</a><!--{if $_G[member][newpm]}-->//读取用户信息页面<span class="icon_msg"></span><!--{/if}-->//此项目去掉对显示样式会有意外的事情发生，这里就不去掉了，解决的办法没测试出来，希望知道的大神说下，这个干吗用的蒙圈中。 </li> </ul> <!-- </nav> --> </div> 相对简单，只有一个DIV，五个小块，可以根据自己的需要写CSS。为了能尽量控制，每一个元素都加了CLASS，不需要的同学可以去掉。  （编辑：PHP编程网 - 黄冈站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
浙公网安备 33038102330482号