前端HTML代码

1 JavaScript代码 2  3  4 

 

1 
     
       2         
      
        3             
       新闻
       hao123
       地图
       视频
       贴吧
       学术
       登录
       设置 4         
      
 5         
      
        6             
        7         
      
 8         
      
        9             
       
       10             
       
        11                 
        
         {
   {item.word}}
        
12             
       
13         
      
14         
      
       15             
       
        16                 
        
         {
   {item.title}}
        
17                 
        
         {
   {item.desc}}
        
18                 
        
         {
   {item.href}}
        
19             
       
20         21         
      
22     23     
     

css代码 1 html,body{ 2     width: 100%;/*默认值是0*/ 3     height: 100%;/*默认值是0*/ 4     margin: 0px; 5     padding: 0px; 6 } 7 #mybody{ 8     width:100%; 9     height: 100%;10     /*background-color:red;*/11 }12 #navigation_bar{13     width: 100%;14     height: 40px;15     /*background-color: green;*/16     text-align: right;/*文字内容靠右*/17     line-height: 40px;/*保证文字的垂直方向居中*/18 }19 #navigation_bar span{20     padding: 0px 10px 0px 0px;21     font-size: 14px;22     /*color:#333;*/23     color:#404040;24 }25 #logoDiv{26     width: 270px;27     height: 129px;28     /*background-color: blue;*/29     margin: 0 auto; /* 布局居中的一种写法 */30 }31 #inputDiv{32     width: 655px;33     height: 180px;34     /*background-color: yellow;*/35     /*margin: 0 auto;此处不写，因为在后面进行绑定*//* 布局居中的一种写法 */36     padding: 15px 0px 0px 0px;37 }38 #inputView{39     border:solid 1px #4791ff;40     width:530px;41     height: 15px;42     font-size: 16px;43     padding: 10px;44     45 }46 #submitView{47     width:98px;48     height:37px;49     border: solid 1px #4791ff;50     background-color: #3385ff;51     color: #ffffff;52     font-size: 15px;53     cursor: pointer;54 }55 #submitView:HOVER {56     background-color: #317ef3;/*鼠标移动过去时，背景颜色发生变化*/57 }58 #keywordDiv{59     width: 650px;60     height: 100px;61     background-color: #ffffff;62     border: solid 1px #cccccc;63 }64 #keywordDiv div{65     height: 20px;66     line-height: 20px;67     font-size: 16px;68     font-weight: bold;69     padding: 5px 0px 0px 5px;70 }71 .newsitem_title{72     color: blue;73     font-size: 16px;74     padding: 10px 0px 0px 10px;75 }76 .newsitem_desc{77     color: #666666;78     font-size: 12px;79     padding: 10px 0px 0px 10px;80 }81 .newsitem_href{82     color: #528000;83     font-size: 12px;84     padding: 10px 0px 30px 10px;85 }