asmr大尺度娇喘在线听_亚洲a在线视频_教室吃奶门在线观看视频_男女做爰猛烈呻吟声想要

當(dāng)前位置:首頁 > 新聞中心 > 解決方案
深圳網(wǎng)站建設(shè)分享：實(shí)用的jQuery導(dǎo)航菜單插件責(zé)任編輯 :李飛    文章來源 :星翼創(chuàng)想(waterplane.cn)    發(fā)布時(shí)間 :2015-11-10    閱讀次數(shù):3503

Trunk.js是一款非常實(shí)用的輕量級(jí)響應(yīng)式跨平臺(tái)的jQuery導(dǎo)航菜單插件。該插件會(huì)根據(jù)viewport的大小來重置導(dǎo)航菜單。在大屏幕設(shè)備中，導(dǎo)航菜單以常規(guī)的水平菜單展示，在移動(dòng)手機(jī)等小屏幕設(shè)備中，它會(huì)將菜單轉(zhuǎn)換為側(cè)邊欄隱藏菜單。


使用方法

使用該響應(yīng)式導(dǎo)航菜單插件需要引入jQuery、trunk.js和trunk.css文件。

<link rel="stylesheet" href="css/trunk.css">
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="js/trunk.js"></script>               
HTML結(jié)構(gòu)

在移動(dòng)手機(jī)等小屏幕設(shè)置中，默認(rèn)只會(huì)在頭部顯示一個(gè)漢堡包圖標(biāo)，它的HTML結(jié)構(gòu)如下：

<header class="slide">
  <ul id="navToggle" class="burger slide">
    <li></li><li></li><li></li>
  </ul>
</header>             

導(dǎo)航菜單的HTML結(jié)構(gòu)如下：

            


            <nav class="slide">
              <ul>
                <li><a href="#" class="active">HOME</a></li>
                <li文章轉(zhuǎn)載請(qǐng)保留網(wǎng)址：http://waterplane.cn/news/solutions/1539.html
            
					
            
             
            
						 
            上一篇：深圳網(wǎng)站建設(shè)分享：利用Google Analytics做好網(wǎng)站數(shù)據(jù)分析
            下一篇：關(guān)于“知乎”的這些，你知道嗎？
                         
            
             
            

             	
            
                    
            
                    
                    
                    
            
                    
            
                	
            
                	
            
             
            


        
            
    

   

            
  
            
    
            
      
            
        
        
            深圳市星翼創(chuàng)想網(wǎng)絡(luò)科技有限公司
            
          廣東省深圳市羅湖區(qū)和平路3001號(hào)鴻隆世紀(jì)廣場(chǎng)B座13G
            
          郵政編碼：518000
            
        
            電話: 0755-82685986/82685936
            微信: 159-8667-8737（微信同號(hào)）
            
          郵箱: market@iswweb.com
            
					傳真: 0755-82685820
					
            
        
            微信小程序開發(fā)

            加微信即時(shí)溝通
            
				
            
      
            
    
            
  
            
  
            
  
            
    
            
      
            
        
            
					深圳市星翼創(chuàng)想網(wǎng)絡(luò)科技有限公司  版權(quán)所有
					
          
				
            
        
            粵ICP備10210107號(hào) Copyright © 2010-2024 All Rights Reserved.