Heim >Web-Frontend >js-Tutorial >Baidu-Homepage, die von Technikern genutzt wird, um ihre Liebe zu den Javascript-Fähigkeiten von Mädchen zum Ausdruck zu bringen

Baidu-Homepage, die von Technikern genutzt wird, um ihre Liebe zu den Javascript-Fähigkeiten von Mädchen zum Ausdruck zu bringen

WBOY
WBOYOriginal
2016-05-16 16:41:131424Durchsuche

Eines Tages dachte ich plötzlich: Wenn ich die Programmierfähigkeiten, die ich gelernt habe, nutzen könnte, um meiner Freundin meine Liebe auszudrücken, wäre das dann nicht erstklassig und stilvoll?

Sobald Sie daran denken, denken Sie sofort daran, die Hosts-Datei zu ändern und die Homepage des Browsers in eine von Ihnen selbst gestaltete Webseite umzuwandeln.

Studentinnen in China nutzen normalerweise die Baidu-Homepage, daher habe ich selbst eine Kopie der Baidu-Homepage erstellt. Der spezifische Effekt ist wie folgt:

Sieht es nicht hochwertig aus? Natürlich habe ich am Ende versagt. Wie konnte ein Programmierer eine Freundin haben?

Aber zum Nutzen der Mehrheit der Diaosi-Freunde veröffentliche ich diese Codes jetzt. Selbst wenn eine Person Erfolg hat, werde ich meine Verdienste und meinen Ruhm verbergen.

Bitte wenden Sie sich an Baidu, um die Schritte zum Ändern der Hosts-Datei zu erfahren. Ich werde sie hier nicht im Detail erklären.

Von mir selbst geschriebener Baidu-Quellcode:

Code kopieren Der Code lautet wie folgt:


 html,body{height:100%}html{overflow-y:auto}#wrapper{position:relative;_position:;min-height:100%}#content{padding-bottom:100px;text-align:center}# ftCon{height:100px;position:absolute;bottom:44px;text-align:center;width:100%;margin:0
 auto;z-index:0;overflow:hidden}#ftConw{width:720px;margin:0 auto}
 body{font:12px arial;text-align:left;background:#fff}
 body,p,form,ul,li{margin:0;padding:0;list-style:none}
 body,form,#fm{position:relative}td{text-align:left}img{border:0}a{color:#00c}a:active{color:#f60}
 .bg{background-image:url(http://s1.bdstatic.com/r/www/cache/static/global/img/icons_aea40f46.png);background-repeat:no-repeat;_background-image:url( http://s1.bdstatic.com/r/www/cache/static/global/img/icons_cfa0bb3b.gif)}
 .c-icon{display:inline-block;width:14px;height:14px;vertical-align:text-bottom;font-style:normal;overflow:hidden;background:url(http://s1.bdstatic.com /r/www/cache/static/global/img/icons_aea40f46.png)no-repeat 0 0;_background-image:url(http://s1.bdstatic.com/r/www/cache/static/global/img /icons_cfa0bb3b.gif)}.c-icon-triangle-down-blue{background-position:-480px
 -24px}.c-icon-chevron-unfold2{background-position:-504px -24px}#u{color:#999;padding:4px
 10px 5px 0;text-align:right}#u a{margin:0 5px}#u .reg{margin:0}#m{width:720px;margin:0
 auto}#nv a,#nv b,.btn,#lk{font-size:14px}#fm{padding-left:130px;text-align:left;z-index:1}input{border:0;padding :0}#nv{height:19px;font-size:16px;margin:0
 0 4px;text-align:left;text-indent:137px}.s_ipt_wr{width:468px;height:30px;display:inline-block;margin-right:5px;background-position:0
 -288px;border:1px solid #b6b6b6;border-color:#9a9a9a #cdcdcd #cdcdcd #9a9a9a;vertical-align:top}.s_ipt{width:458px;height:22px;font:14px/22px
 arial;margin:5px 0 0 7px;background:#fff;outline:0;-webkit-appearance:none}.s_btn{width:95px;height:32px;padding-top:2px9;font-size:14px;background- Farbe:#ddd;Hintergrundposition:0
 -240px;cursor:pointer}.s_btn_h{background-position:-240px -240px}.s_btn_wr{width:97px;height:34px;display:inline-block;background-position:-120px
 -240px;*position:relative;z-index:0;vertical-align:top}#lg img{vertical-align:top;margin-bottom:3px}#lk{margin:33px
 0}#lk span{font:14px "宋体"}#lm{height:60px;line-height:15px}#lh{margin:16px
 0 5px;word-spacing:3px}.tools{position:absolute;top:-4px;*top:10px;right:7px}#mHolder{width:62px;position:relative;z-index:296;display:none }#mCon{height:18px;line-height:18px;position:absolute;cursor:pointer}#mCon
 span{color:#00c;cursor:default;display:block}#mCon .hw{text-decoration:underline;cursor:pointer;display:inline-block}#mCon
 .pinyin{display:inline-block}#mCon .c-icon-chevron-unfold2{margin-left:5px}#mMenu
 a{width:100%;height:100%;display:block;line-height:22px;text-indent:6px;text-decoration:none;filter:none9}#mMenu,#user
 ul{box-shadow:1px 1px 2px #ccc;-moz-box-shadow:1px 1px 2px #ccc;-webkit-box-shadow:1px
 1px 2px #ccc;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=135,Color="#cccccc")9}#mMenu{width:56px;border:1px
 solid #9b9b9b;list-style:none;position:absolute;right:27px;top:28px;display:none;background:#fff}#mMenu
 a:hover{background:#ebebeb}#mMenu .ln{height:1px;background:#ebebeb;overflow:hidden;font-size:1px;line-height:1px;margin-top:-1px}#cp,# cp
 a{color:#666}#seth{display:none;background:url(#default#homepage)}#setf{display:none}#sekj{margin-left:14px}#shouji{margin-right:14px}# du
 .last{margin-right:0}#u .un{font-weight:bold;margin-right:5px}#u ul{width:100%;background:#fff;border:1px
 solid #9b9b9b}#u li{height:25px}#u li a{width:100%;height:25px;line-height:25px;display:block;text-align:left;text-decoration:none;text- indent:6px;margin:0;filter:none9}#u
 li a:hover{background:#ebebeb}#u li.nl{border-top:1px solid #ebebeb}#user_center{position:relative;display:inline-block}#user_center
 .user_center_btn{margin-right:5px}.userMenu{width:64px;position:absolute;right:7px;_right:2px;top:15px;top:14px9;*top:15px;padding-top:4px;display:none ;*background:#fff}#user{position:relative;display:inline-block}


    /*
        我的logo样式
    */
    #m{position: relative;padding: 50px 0 0 0;}
     #newYearEve{height:15px;position: absolute;top:250px;left:130px;width:510px;}
    #newYearEve li{cursor: pointer;width:20px;height:15px;margin:0 21px 0 0;float: left;}
    #newYearEve .icon-newyear0{background: url("http://files.jb51.net/file_images/article/201407/mylove.png") no-repeat center center;}
    #newYearEve .month-next{display: none!important;}
    #newYearEve .icon-newyear1{background: url("http://files.jb51.net/file_images/article/201407/mylove01.png") no-repeat center center;}
    #newYearEve li:hover{background: url("http://files.jb51.net/file_images/article/201407/mylove.gif") no-repeat -0 0; }
    #m{position: relative;}
    #play{position: absolute;top:135px;left:348px;width:25px;height:25px;cursor: pointer;}
    #newYearEve .icon-newyear2,#newYearEve .icon-newyear1:hover{background: url("http://files.jb51.net/file_images/article/201407/mylove01.png") No-Repeat Center Center;}
 #newYearKw {color:#e203a9;position:absolute;top:212px;left:135px;width:300px;height:20px;color:#897883;z-index:100;font-family: "微软雅黑";text -align:left;Schriftstärke: 700;Schriftgröße: 16px;Überlauf: versteckt;}
 #newYearKw  i,#newYearKw  img{font-style: normal;position:absolute;width:20px;height:20px;top:0;}
 #newYearKw  .img01{left:0px;}
 #newYearKw  .img02{left:180px;}
 #newYearKw  .c1{color:#e203a9;left:20px;}
 #newYearKw  .c2{color:#e203a9;left:40px;}
 #newYearKw  .c3{color:#b60175;left:60px;}
 #newYearKw  .c4{color:#b60175;left:80px;}
 #newYearKw  .c5{color:#f460af;left:100px;}
 #newYearKw  .c6{color:#f460af;left:120px;}
 #newYearKw  .c7{color:#fd98a5;left:140px;}
 #newYearKw  .c8{color:#fec8db;left:160px;}
 #newYearKw  .c9{color:#fec8db;left:180px;}
 #newYearKw  .c11{color:#fec8db;}
 #newYearKw  .c12{color:#fec8db;}
 #newYearKw  .c13{color:#fec8db;}
 #newYearKw  .c14{color:#fec8db;}
 .word-box{position:relative;width:300px;height:20px;}



 


  
 


 


  
   新 闻
  

   
  
   网 页
  

   
  
   贴 吧
  

   
  
   知 道
  

   
  
   音 乐
  

   
  
   图 片
  

   
  
   视 频
  

   
  
   地 图
  

 


 

  

   
    
   

   
   
   
   
   
   
   
    
   

   
  

  
   
    

     
      输入法
     

    

   

  

 

 

   
 

 

 
 
 
 
 
 
 
 
 
 
 

 





Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn