JavaWeb基础知识:Html,Css和Javascript项目实战

Html,Css和Javascript项目实战

项目1:使用Html5的Canvas对象绘制一个圆形钟盘,显示实时时间

  • 效果图如下

  • 代码如下

    
    
        
            
            
        
        
            
            
        
    
    

    项目2:模拟手机上的7881网页,使用Html,Css和Javascript联合开发

    1. 主页

    • 效果图如下

  • index.html主页主要代码如下


    
        
        
        
        
    
    
    
        
        


    (c) Copyright 2016 Administrator. All Rights Reserved.

2. 登录界面

  • 效果图如下

  • login.html登录页主要代码如下

    
    
        
            
            
            
            
        
    
        
            

    会员登录

    登录   |   注册   |   返回顶部

    (c) 2014 m.7881.com

    3. 注册界面

    • 效果图如下

    • regist.html注册页主要代码如下

      
      
          
              
              
          
          
      
      
      
      
          

      会员注册

      登录   |   注册   |   返回顶部

      (c) 2014 m.7881.com

    4. 物品详情页

    • 效果图如下

    • list.html物品详情页主要代码如下


      
          
          
          
      

      忘仙

         7300银两=100元  即买即发



      游戏名称:忘仙


      游戏区服:三区/万剑逍遥


      游戏类型:游戏币


      单件数量:7300银两


      商品单价:0.0135698515744元/银两


      商品库存:1件




      ¥100   返回列表页


      登录   |   注册   |   返回顶部

5. 手游交易界面

  • 效果图如下

  • change.html手游交易界面主要代码如下


    
        
        
        
        
    
    
    
    
        

    手游交易

    热门游戏 最近浏览

    忘仙 神魔
    仙变 时空猎人
    神与魔 九州OL
    世界OL 诸神OL

    登录   |   注册   |   返回顶部

    (c) 2014 m.7881.com

6. 购物清单页

  • 效果图如下

  • buy.html购买清单页主要代码如下


    
        
        
        
        
    
    
    
    
        

    忘仙

       7300银两=100元

    ¥100  

    三区/万剑逍遥/游戏币

       7300银两=100元

    ¥100  

    三区/万剑逍遥/游戏币

       7300银两=100元

    ¥100  

    三区/万剑逍遥/游戏币

    登录   |   注册   |   返回顶部

你可能感兴趣的:(JavaWeb相关)