ホームページ >ウェブフロントエンド >jsチュートリアル >技術職の男性が女の子への愛を表現するために使用する百度のホームページ_JavaScript スキル
技術職の男性が女の子への愛を表現するために使用する百度のホームページ_JavaScript スキル
- WBOYオリジナル
- 2016-05-16 16:41:131440ブラウズ
ある日、私は突然思いつきました。学んだプログラマーのスキルを使って彼女に愛を表現できたら、それは高級で上品なものになるのではないか?
思い立ったらすぐに実行します。最初に思いつくのは、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;}
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。