花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來到素材無憂網(wǎng),按 + 收藏我們
登錄 注冊 退出 找回密碼

手機(jī)版底部導(dǎo)航彈窗效果的一種簡單的實(shí)現(xiàn)方式

時間: 2019-05-24 11:57 閱讀: 作者:素材無憂網(wǎng)

最近在做一個DZ手機(jī)版Z整合項(xiàng)目,估計(jì)著難度不高就開工,中途看到admin的建站筆記,有收獲,有失敗。逐漸琢磨出對DZ的初步理解。
長話短說,上代碼。
<div id="czfooter" style="z-index: 999;">//可以根據(jù)顯示效果,修改數(shù)字:999 置頂呈現(xiàn)懸浮窗,DZ手機(jī)版自帶的懸浮一般最高是1002左右,為了不重復(fù)管理功能的懸浮,設(shè)置為999
<!--<nav> -->
  <ul id="czfooter_list">
    <li class="list_li home active"><a href="forum.php" class="newth">{lang mobilehome}</a>//讀取手機(jī)版自帶首頁</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"> 關(guān)閉</span></a>
        <a href="#">//根據(jù)需要寫上鏈接<span class="newth">發(fā)帖子</span></a>
        <a href="#">//根據(jù)需要寫上鏈接<span class="newth">發(fā)圈子</span></a><a href="search.php?mod=forum">//調(diào)用搜索功能<span class="newth">{lang search}</span>//調(diào)用搜索名稱</a>
      </div>
    </li>
    <li class="list_li find"><a href="#" class="newth">發(fā)現(xiàn)</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}-->//此項(xiàng)目去掉對顯示樣式會有意外的事情發(fā)生,這里就不去掉了,解決的辦法沒測試出來,希望知道的大神說下,這個干嗎用的蒙圈中。
    </li>
  </ul>
<!-- </nav> -->
</div>

相對簡單,只有一個DIV,五個小塊,可以根據(jù)自己的需要寫CSS。為了能盡量控制,每一個元素都加了CLASS,不需要的同學(xué)可以去掉。

版權(quán)聲明: 本站資源均來自互聯(lián)網(wǎng)或會員發(fā)布,如果侵犯了您的權(quán)益請與我們聯(lián)系,我們將在24小時內(nèi)刪除!謝謝!

轉(zhuǎn)載請注明: 手機(jī)版底部導(dǎo)航彈窗效果的一種簡單的實(shí)現(xiàn)方式

標(biāo)簽:  
相關(guān)文章
模板推薦