ホームページ > ウェブフロントエンド > jsチュートリアル > 技術職の男性が女の子への愛を表現するために使用する百度のホームページ_JavaScript スキル

技術職の男性が女の子への愛を表現するために使用する百度のホームページ_JavaScript スキル

WBOY
リリース: 2016-05-16 16:41:13
オリジナル
1430 人が閲覧しました

ある日、私は突然思いつきました。学んだプログラマーのスキルを使って彼女に愛を表現できたら、それは高級で上品なものになるのではないか?

思い立ったらすぐに実行します。最初に思いつくのは、hosts ファイルを変更して、ブラウザのホームページを自分でデザインした Web ページに変更することです。

中国の女子学生は、Baidu のホームページをよく利用するので、私も Baidu のホームページをコピーしました。具体的な効果は次のとおりです。

高級そうじゃないですか? もちろん、私は結局失敗しました。プログラマーに彼女ができるはずがありません。

しかし、ディアオシの友人の大多数の利益のために、たとえ一人が成功したとしても、私は自分の功績と名声を隠すつもりです。

hosts ファイルを変更する手順については、Baidu を参照してください。ここでは詳しく説明しません。

私が書いた Baidu のソース コード:

コードをコピー コードは次のとおりです:

<スタイル>
 html,body{height:100%}html{overflow-y:auto}#wrapper{position:relative;_position:;min-height:100%}#content{padding-bottom:100px;text-align:center}# ftCon{高さ:100ピクセル;位置:絶対;下:44ピクセル;テキスト配置:センター;幅:100%;マージン:0
 auto;z-index:0;overflow:hidden}#ftConw{width:720px;margin:0 auto}
 本文{font:12px arial;text-align:left;background:#fff}
 body,p,form,ul,li{マージン:0;パディング:0;リストスタイル:なし}
 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{表示:インラインブロック;幅:14px;高さ: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{背景位置:-480px
 -24px}.c-icon-chevron-unfold2{背景の位置:-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{高さ:19px;フォントサイズ:16px;マージン: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{幅:458px;高さ:22px;フォント: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- color:#ddd;背景位置:0
 -240px;カーソル:ポインタ}.s_btn_h{背景位置:-240px -240px}.s_btn_wr{幅:97px;高さ:34px;表示:インラインブロック;背景位置:-120px
 -240px;*position:relative;z-index:0;vertical-align:top}#lg img{vertical-align:top;margin-bottom:3px}#lk{margin:33px
 0}#lk spa{font:14px "宋体"}#lm{高さ: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{高さ:18px;行の高さ:18px;位置:絶対;カーソル:ポインタ}#mCon
 スパン{カラー:#00c;カーソル:デフォルト;表示:ブロック}#mCon .hw{テキスト装飾:下線;カーソル:ポインタ;表示:インラインブロック}#mCon
 .pinyin{display:inline-block}#mCon .c-icon-chevron-unfold2{margin-left:5px}#mMenu
 a{幅:100%;高さ:100%;表示:ブロック;行の高さ:22px;テキストインデント:6px;テキスト装飾:なし;フィルター:なし9}#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
 実線 #9b9b9b;リスト スタイル:なし;位置:絶対;右:27px;上:28px;表示:なし;背景:#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}#shoji{margin-right:14px}#あなた
 .last{margin-right:0}#u .un{font-weight:bold;margin-right:5px}#u ul{width:100%;background:#fff;border:1px
 実線 #9b9b9b}#u li{高さ:25px}#u li a{幅:100%;高さ:25px;行の高さ:25px;表示:ブロック;テキストの配置:左;テキストの装飾:なし;テキスト-インデント:6px;マージン:0;フィルター:なし9}#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}

<スタイル>
    /*
        我的ロゴ样式
    */
    #m{位置: 相対;パディング: 50px 0 0 0;}
     #new YearEve{高さ:15px;位置:絶対;上:250px;左:130px;幅:510px;}
    #new YearEve li{カーソル: ポインタ;幅:20px;高さ:15px;マージン:0 21px 0 0;float: left;}
    #new YearEve .icon-newyear0{background: url("http://files.jb51.net/file_images/article/201407/mylove.png") リピートなし 中央 中央;}
    #new YearEve .month-next{表示: なし!重要;}
    #new YearEve .icon-newyear1{background: url("http://files.jb51.net/file_images/article/201407/mylove01.png") リピートなし 中央 中央;}
    #new YearEve li:hover{background: url("http://files.jb51.net/file_images/article/201407/mylove.gif") no-repeat -0 0; }
    #m{位置: 相対;}
    #play{位置: 絶対;上:135px;左:348px;幅:25px;高さ:25px;カーソル:ポインタ;}
    #newyeareve .icon-newyear2,#newyeareve .icon-newyear1:hover{background: url("http://files.jb51.net/file_images/article/201407/mylove01.png") リピートなし 中央 中央;}
 #newyearKw {color:#e203a9;position:absolute;top:212px;left:135px;width:300px;height:20px;color:#897883;z-index:100;font-family: "微软雅黑";text -align:left;font-weight: 700;font-size: 16px;overflow: hidden;}
 #newyearKw i,#newyearKw img{font-style:normal;position:absolute;width:20px;height:20px;top:0;}
 #newyearKw .img01{left:0px;}
 #newyearKw .img02{左: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{位置:相対;幅:300px;高さ:20px;}



 


  
 


 


  
   新 闻
  

   
  
   网页
  

   
  
   贴 吧
  

   
  
   知道
  

   
  
   音 乐
  

   
  
   画像
  

   
  
   ビデオ
  

   
  
   地 图
  

 


 

  

   
    
   

   
   
   
   
   
   
   
    
   

   
  

  
   
    

     
      输入法
     

    

   

  

 

 

   
 

 

 
 
 
 
 
 
 
 
 
 
 

 





関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート