技術男用來對女生表白的百度首頁_javascript技巧
- WBOY原創
- 2016-05-16 16:41:131440瀏覽
有一天突發奇想，我要是能用我學的程式設計師技術給女朋友來表白的話，那豈不是高端大氣上檔次。
想到就立刻去做，首先想到的是更改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；}
風格>
