JS调用百度api接口——实现简单的百度页面

描述：

JS调用百度api接口——实现简单的百度页面

效果：

实现：

css文件：

@charset "utf-8";
/* CSS Document */
*{
    margin: 0;
    padding: 0;
    list-style: none;
}
.ss{
    border: 1px solid #000000;
}
.ss li
{
    /*border-bottom: 1px solid #999999;*/
    padding: 10px 20px;
    text-align: left;
}
.ss li:hover{
    background-color:#e2e2e2;
    cursor: pointer;
}
#top {
    float: right;
}

#top li{
    padding:10px;
    float: left;
}
#top a {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}
#top a:hover{color:#0A09BE}

#img_baidu {
    height: 150px;
    clear: both;
    display: block;
    margin: 0 auto;
    background: #FFFFFF;
}

#text_baidu {
    width: 680px;
    margin: 36px auto;
    position: relative;
    background: #FFFFFF;
}

#texts{
    width: 558px;
    height: 38px;
    left: 0;
    position: absolute;
    border: blue 1px solid;
}

#sub{
    width:120px;
    height: 40px;
    top: 0;
    right: 0;
    position: absolute;
    background:#467EE9;
    color: #FFFFFF;
    border-style: none;
    font-size: 16px;
}

#end {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100px;
    color: #9d9d9d;
    font-size: 12px;
    height: 80px;
    background: #FFFFFF;
}

#end p {
    color: #000000;
    font-size: 14px;
}

#end a {
    color: #9d9d9d;
    font-size: 12px;
}

html文件：

    
    
    

    




    

        

            
 新闻 
            
 hao123 
            
 地图 
            
 视频 
            
 贴吧 
            
 学术 
            
 登录 
            
 设置 
            
 更多产品 
        
    

    

    

        

            
            
        
    

    

        

            
            
百度
        

        

            把百度设为主页     关于百度     About  Baidu   百度推广   


            ©2018 Baidu 使用百度前必读     意见反馈   京ICP证030173号          京公网安备11000002000001号