首頁 > web前端 > js教程 > 技術男用來對女生表白的百度首頁_javascript技巧

技術男用來對女生表白的百度首頁_javascript技巧

WBOY
發布: 2016-05-16 16:41:13
原創
1420 人瀏覽過

有一天突發奇想,我要是能用我學的程式設計師技術給女朋友來表白的話,那豈不是高端大氣上檔次。

想到就立刻去做,首先想到的是更改hosts文件,將瀏覽器的主頁更改為自己設計的網頁。

國內的女同學一般用百度首頁,於是我就自己仿做了一個百度首頁,具體的效果如下面:

是不是看起來高大上,當然最後我失敗了,程式設計師怎麼可能會有女朋友呢?

但是為了廣大屌絲朋友的福利,我現在將這些代碼給貼出來,就算有一個人成功了,我也是深藏功與名。

其中更改hosts檔案的步驟請自行百度,這裡為止不夠就不詳解了。

自己寫的百度原始碼:

複製程式碼 程式碼如下:


html,body{高度:100%}html{overflow-y:auto}#wrapper{position:relative;_position:;min-height:100%}#content{padding-bottom:100px;text-align:center}# ftCon{高度:100px;位置:絕對;底部:44px;文字對齊:中心;寬度:100%;邊距:0
 自動;z-index:0;溢位:隱藏}#ftConw{寬度:720px;邊距:0 auto}
 正文{字型:12px arial;文字對齊:左;背景:#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{背景圖片:url(http://s1.bdstatic.com/r/www/cache/static/global/img/icons_aea40f46.png);背景重複:無重複;_背景圖片:url( http:/ /s1.bdstatic.com/r/www/cache/static/global/img/icons_cfa0bb3b.gif)}
.c-icon{顯示:內聯塊;寬度:14px;高度:14px;垂直對齊:文字底部;字體樣式:正常;溢出:隱藏;背景: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{顏色:#999;填色:4px
 10px 5px 0;文字對齊:右}#u a{邊距:0 5px}#u .reg{邊距:0}#m{寬度:720px;邊距:0
自動}#nv a,#nv b,.btn,#lk{font-size:14px}#fm{padding-left:130px;text-align:left;z-index:1}輸入{border:0;padding :0}#nv{高度:19px;字體大小:16px;邊距:0
 0 4px;文字對齊:左;文字縮排:137px}.s_ipt_wr{寬度:468px;高度:30px;顯示:內聯區塊;右距:5px;背景位置:0
 -288px;邊框:1px實心#b6b6b6;邊框顏色:#9a9a9a #cdcdcd #cdcdcd #9a9a9a;垂直對齊:頂部}.s_ipt{寬度:458px;高度:22px;字體:14px/22px; arial;邊距:5px 0 0 7px;背景:#fff;輪廓:0;-webkit-外觀:無}.s_btn{寬度:95px;高度:32px;填滿頂部:2px9;字體大小:14px;背景-顏色:#ddd;背景位置:0
 -240px;遊標:指標}.s_btn_h{背景位置:-240px -240px}.s_btn_wr{寬度:97px;高度:34px;顯示:內聯區塊;背景位置:-120px
 -240px;*位置:相對;z-index:0;垂直對齊:頂部}#lg img{垂直對齊:頂部;邊距底部:3px}#lk{邊距:33px
 0}#lk span{font:14px "宋體"}#lm{height:60px;line-height:15px}#lh{margin:16px
0 5px;字間距:3px}.tools{位置:絕對;頂部:-4px;*頂部:10px;右:7px}#mHolder{寬度:62px;位置:相對;z-index:296;顯示:無} #mCon{高度:18px;行高:18px;位置:絕對;遊標:指標}#mCon
 span{顏色:#00c;遊標:預設;顯示:塊}#mCon .hw{文字裝飾:下劃線;遊標:指針;顯示:內聯塊}#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
 固體#9b9b9b;列表樣式:無;位置:絕對;右:27px;上:28px;顯示:無;背景:#fff}#mMenu
a:懸停{背景:#ebebeb}#mMenu .ln{高度:1px;背景:#ebebeb;溢出:隱藏;字體大小:1px;行高:1px;邊距頂部:-1px}#cp,# cp
a{顏色:#666}#seth{display:none;background:url(#default#homepage)}#setf{display:none}#sekj{margin-left:14px}#shouji{margin-right:14px}#你
 .last{margin-right:0}#u .un{font-weight:bold;margin-right:5px}#u ul{寬度:100%;背景:#fff;邊框:1px
實心#9b9b9b}#u li{height:25px}#u li a{width:100%;height:25px;line-height:25px;display:block;text-align:left;text-decoration:none;text-縮排:6px;邊距:0;過濾器:無9}#u
 li a:hover{背景:#ebebeb}#u li.nl{border-top:1pxsolid #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;顯示顯示:無px9;*top:15px;padding-top:4px; ;*背景:#fff}#user{位置:相對;顯示:內聯區塊}
風格>

    /*
        我的標誌風格
    */
    #m{位置:相對;填充:50px 0 0 0;}
     #newYearEve{高度:15px;位置:絕對;上方:250px;左側:130px;寬度:510px;}
    #newYearEve li{遊標:指針;寬度:20px;高度:15px;邊距:0 21px 0 0;浮動:左;}
    #newYearEve .icon-newyear0{background: url("http://files.jb51.net/file_images/article/201407/mylove.png") 無重複center center;}
    #newYearEve .month-next{顯示:無!重要;}
    #newYearEve .icon-newyear1{background: url("http://files.jb51.net/file_images/article/201407/mylove01.png") 無重複center center;}
    #newYearEve li:hover{背景: 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") 不重複center center; > #newYearKw {color:#e203a9;position:absolute;top:212px;left:135px;width:300px;height:20px;color:#897883;z-index:100;font-familytext: "微軟雅黑"; -align:左;字體粗細:700;字體大小:16px;溢出:隱藏;}
 #newYearKw i,#newYearKw img{font-style: normal;position:absolute;width:20px;height:20px;top:0;}
 #newYearKw .img01{left:0px;}
 #newYearKw .img02{左:180px;}
 #newYearKw .c1{顏色:#e203a9;左:20px;}
 #newYearKw .c2{顏色:#e203a9;左:40px;}
 #newYearKw .c3{顏色:#b60175;左:60px;}
 #newYearKw .c4{顏色:#b60175;左:80px;}
 #newYearKw .c5{顏色:#f460af;左:100px;}
 #newYearKw .c6{顏色:#f460af;左:120px;}
 #newYearKw .c7{顏色:#fd98a5;左:140px;}
 #newYearKw .c8{color:#fec8db;left:160px;}
 #newYearKw .c9{顏色:#fec8db;左:180px;}
 #newYearKw .c11{color:#fec8db;}
 #newYearKw .c12{color:#fec8db;}
 #newYearKw .c13{color:#fec8db;}
 #newYearKw .c14{color:#fec8db;}
 .word-box{位置:相對;寬度:300px;高度:20px;}
風格>


 


  技術男用來對女生表白的百度首頁_javascript技巧
 


 


  
   新聞
  

   
  
   網頁
  

   
  
   貼吧
  

   
  
   知道
  

   
  
   音 樂
  

   
  
   圖片
  

   
  
   視 頻
  

   
  
   地 圖
  

 


 

  

   
    
   

   
   
   
   
   
   
   
    
   

   
  

  
   
    

     
      输入法
     

    

   

  

 

 

   
 

 

 
 
 
 
 
 
 
 
 
 
 

 




相關標籤:
來源:php.cn
上一篇:JS判斷變數是否為空判斷是否null_javascript技巧 下一篇:用javascript對一個json數組深度賦值範例_javascript技巧
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
相關專題
更多>
熱門推薦
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板