手機版底部導航彈窗效果的一種簡單的實現方式
2024-09-11 09:05:30
供稿：網友
最近在做一個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，不需要的同學可以去掉。
