一个简单的网页系统(-) 首页

一个简单的网页系统(一)

          最近心血来潮写了一个网页系统,用来分享自己游玩的地方。主要使用到了leaflet.js d3.js myfocus.js jquery等JS 库。

一. 效果展示

一个简单的网页系统(-) 首页_第1张图片
  

二. 结构分析

  (1)导航栏 : logo可以在线免费自定义制作。导航栏无非是
    里面包含几个
  • 标签,标签里面套一个超链接。
  •        并设置ul  list-style:none;  以及链接a  text-decoration:none; float:left; 以及a 的四种状态。

     (2)图片栏 :使用了myFocus 的JS库,比较简单。类似于BootStrap,为
    添加相应的类名即可。

     (3)展示栏:分为左中右,结构相似。灵活使用float属性。此处使用动态分配每部分宽度。

    三. 代码分析

    代码格式看起来比较乱,尤其是style部分没有对齐(在代码中对齐可能显示在博客中有 标签)。不过能通过格式化软件格式化
    
    
    
    Index Page
    
    
    
    
     
       
       
         
    请稍候...
           
     
                       
    • 北京-故宫
    •                  
    • 秦皇岛-山海关
    •                  
    • 大连-旅顺港
    •  
         
       
     
     
         
         

    Tour

         

    more>>

         
                 
         
           

    Visulation

         

    more>>

           
           
                 
                 
         
           

    Self

         

    more>>

           
           
                 
                 
     
           

    四. 后期工作

      首页只是网页的一部分,之后还会分享其他部分,并给出gitHub 源码位置。







    你可能感兴趣的:(web前端)