HTML5设计网页熔岩灯导航（navigationbar）插件已经加上完整源代码

导航栏（navigation bar）：

1.指位于页眉区域的，在页眉横幅图片上边或下边的一排水平导航按钮，它起着链接博客的各个页面的作用。

2.网页设计中不可缺少的部分，它是指通过一定的技术手段，为网站的访问者提供一定的途径，使其可以方便地访问到所需的内容，是人们浏览网站时可以快速从一个页面转到另一个页面的快速通道。

3.导航条的目的是让网站的层次结构以一种有条理的方式清晰展示，并引导用户毫不费力地找到并管理信息，让用户在浏览网站过程中不至迷失。

4.为了让网站信息可以有效地传递给用户，导航一定要简洁、直观、明确。

设计过程：

（一）编写HTML代码：

   DOCTYPE html  > 
   html   lang  ="zh"   class  ="no-js modern"  > 
   head  > 
   meta   charset  ="utf-8"   /> 
   title  > Lava Lamp Navigation Design - 熔岩灯样式，导航设计   title  > 
   link   rel  ="stylesheet"   href  ="css/lavalamp.css"   /> 
   script   src  ="js/modernizr.min.js"  >  script  > 
   script   src  ="js/jquery.min.js"  >  script  > 
   script   src  ="js/jquery.UI.min.js"  >  script  > 
   script   src  ="js/jquery.lavalamp.js"  >  script  > 
   script   src  ="js/navigation.js"  >  script  > 
   head  > 
   body  > 

       div   id  ="page-wrap"  > 
           h1  > Lava Lamp Style Navigation Design   h1  > 
           p  > 具有Lava Lamp效果的滑动导航条的设计灵感源于熔岩灯(Lava Lamp).   br   />  
        在熔岩灯的玻璃瓶体内装有特制的水溶液与蜡质固体，底部灯泡点亮后形成热量，传递到玻璃瓶.    br   />  
        瓶底蜡质受热熔化变轻，便会徐徐上升,到了顶部重新冷却又徐徐下降，不断往复.    br   />  
        其独特的功能和独特的视觉享受令人心旷神怡，多姿多彩的状态时而如少女，时而像火山爆发般狂热。
            p  > 
           nav   id  ="navigation"  > 
               ul   class  ="clearfix"  > 
                   li   class  ="focus"  >  a   href  =""  > Home   a  >  li  > 
                   li  >  a   href  =""  > Products   a  >  li  > 
                   li  >  a   href  =""  > Download   a  >  li  > 
                   li  >  a   href  =""  > Purchase   a  >  li  > 
                   li  >  a   href  =""  > Contact   a  >  li  > 
                   li  >  a   href  =""  > About   a  >  li  > 
               ul  > 
           nav  > 
       div  > 
    
   body  > 
   html  >  

查看更多关于HTML5设计网页熔岩灯导航（navigationbar）插件已经加上完整源代码的详细内容...