Dua contoh bar navigasi menu ringkas_HTML/Xhtml_Pengeluaran halaman web

Contoh bar menu 1:

Salin kod

Kod tersebut adalah seperti berikut:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">


$(function() {
$("#container .menu1 ul li").klik(function() {
var index = $("#container .menu1 ul li").index( ini);
$(this).addClass("bg").siblings().removeClass();
$("#container .menu2 ul li ul").eq(index).show() .ibu bapa().adik beradik("li").anak("ul").sembunyi();
})
})

• 第一栏


• 第二栏


• 第三栏


• 第四栏< /li>
  
• 第五栏


• 第六栏

• 
  
  
  
  • 第一栏
  
  
  • 第一栏
  
  
  • 第一栏
    
  
  


• 
  
  
  
  • 第二栏< /li>
  • 第二栏
  • 第二栏
  
  
  
  

<



• 第三栏
• 第三栏
• 第三栏< li>
  



• 
  
  
  
  • 第四栏< /li>
  • 第四栏
  • 第四栏
  
  
  
  

<



• 第五栏
• 第五栏
• 第五栏< li>
  



• 
  
  
  
  • 第六栏< /li>
  • 第六栏
  • 第六栏
  
  
  
  

< ;

菜单栏示例二：

复制代码>

复制代码>代码如下:

• http://www.jb51.net/" title="首页">首页


• http://www.jb51.net/cat.html" title="分类列表" rel="nofollow">分类列表


• http://www.jb51.net/loc.html" title="地区列表" rel="nofollow">地区列表


• http://www.jb51.net/trade.html" title="供求商机" rel="nofollow">供求商机


• http://www.jb51.net/news.html" title="行业新闻" rel="nofollow">行业新闻


• http://www.jb51.net/submit.html" title="提交企业" rel="nofollow">提交企业


• http://www.jb51.net/join.html" title="发布商机" rel="nofollow">发布商机


• http://www.jb51.net/find.html" title="高级搜索" rel="nofollow">高级搜索

< 🎜>

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn