ある日、私は突然のアイデアを持っていました。もしガールフレンドに告白するために学んだプログラマーのスキルを使うことができたら、それはハイエンドで、エレガントで最新のものではないでしょうか?
私はそれを考えて、すぐにそれをします。私が最初に考えるのは、ホストファイルを変更し、ブラウザのホームページを設計したWebページに変更することです。
国内の女子学生は通常、Baiduのホームページを使用しているため、Baiduのホームページを自分で模倣しました。特定の効果は次のとおりです。
背が高くて傑出しているように見えますか?もちろん、私は最終的に失敗しました。プログラマーにはどうしてガールフレンドがいるのでしょうか?
しかし、私の絹の友人のために、私はこれらのコードを投稿しました。たとえ一人が成功したとしても、私はまだ自分のメリットと名声を隠します。
Baiduを使用してホストファイルを変更してください。これで十分ではありません。
自分で書かれたBaiduソースコード:
コードコピーは次のとおりです。
<style>
html、body {height:100%} html {overflow-y:auto} #wrapper {position:relative; _ position:; min-height:100%}#content {padding-bottom:100px; text-align:center} #ftcon {height:height:height:100Px;
auto; z-index:0; overflow:hidden} #ftconw {width:720px; margin:0 auto}
body {font:12px arial; text-align:left; background:#ffff}
ボディ、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-r epeat: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} #ua {marved: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; fontisize:16px; margin:0
0 4px;テキストアリグイン:左;テキストインデント:137px} .s_ipt_wr {width:468px; height:30px; display:inline-block; margin-right:5px; background-position:0
-288PX; Border:1PX Solid#B6B6B6; Border-Color:#9A9A #CDCDCD #CDCDCD#9A9A; VERTICAL-ALIGN:TOP} .S_IPT {width:458px; height:22px; font:14px/22px
arial;マージン:5px 0 0 7px;背景:#ffff; outline:0; -webkit-appearance:none} .s_btn {width:95px; height:32px; padding-top:2px/9; font-size:14px; background-color:#dd; background-position:0
-240px;カーソル: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 {マージン:16px
0 5px;単語間隔:3px} .tools {position:aspolute; top:-4px;*top:10px; right:7px} #mholder {width:62px; position:resative; z-index:296; display:none} #mcon {height:18px; line-height; poseight; poseight; poseigh; poseight; poseight; poseight; pose
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
{幅:100%;高さ:100%;表示:ブロック; Line-Height:22px; Text-Indent:6PX; Text-Decoration:None; Filter:NONE/9}#MMENU、#USER
ul {box-shadow:1px 1px 2px #ccc; -moz-box-shadow:1px 1px 2px #ccc; -webkit-box-shadow:1px
1px 2px #ccc;フィルター:progid:dmimagetransform.microsoft.shadow(strength = 2、direction = 135、color = "#cccccccc")/9} #mmenu {width:56px; border:1px
ソリッド#9b9b9b;リストスタイル:なし;位置:絶対;右:27px; top:28px; display:none; background:#fff} #mmenu
A:Hover {background:#ebebeb} #mmenu .ln {height:1px; background:#ebebeb; 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 {mign-left:14px} #shouji {marve-right:14px} #u
.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:none/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:aspolute; right:7px; _right:2px; top:15px; top:14px/9;*top:15px; padding-top:4px; display;
</style>
<style>
/*
私のロゴスタイル
*/
#m {position:relative; padding:50px 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( "// files.vevb.com/file_images/article/201407/mylove.png")No-Reepeat Center;}
#newyeareve .month-next {展示:なし!重要;}
#newyeareve .icon-newyear1 {background:url( "// files.vevb.com/file_images/article/201407/mylove01.png")No-Repeat Center;}
#newyeareve li:hover {background:url( "// files.vevb.com/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( "// files.vevb.com/file_images/article/201407/mylove01.png")No-Reepeat Center;}
#newyearkw {color:#e203a9; position:absolute; top:212px; left:135px; width:300px; height:20px; color:#897883; z-index:100; font-family: "Microsoft yahei"; Text-Align:hiddined; font-weight;
#newyearkw i、#newyearkw img {font-style:normal; position:absolute; width:20px; height:20px; top:0;}
#newyearkw .img01 {左:0px;}
#newyearkw .img02 {左:180px;}
#newyearkw .c1 {color:#e203a9;左:20px;}
#newyearkw .c2 {color:#e203a9;左:40px;}
#newyearkw .c3 {color:#b60175;左:60px;}
#newyearkw .c4 {color:#b60175;左:80px;}
#newyearkw .c5 {color:#f460af;左:100px;}
#newyearkw .c6 {color:#f460af;左:120px;}
#newyearkw .c7 {color:#fd98a5;左:140px;}
#newyearkw .c8 {color:#fec8db;左:160px;}
#newyearkw .c9 {color:#fec8db;左: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;}
</style>
<div id = "content">
<div id = "m">
<p id = "lg">
<img src = "// files.vevb.com/file_images/article/201407/mylove_logo.png"/>
</p>
<p id = "nv">
<a href = "http://news.baidu.com/" rel = "external nofollow" name = "tj_news">
ニュース
</a>
<b>
ウェブページ
</b>
<a href = "http://tieba.baidu.com/" rel = "external nofollow" name = "tj_tieba">
投稿してください
</a>
<a href = "http://zhidao.baidu.com/" rel = "external nofollow" name = "tj_zhidao">
知る
</a>
<a href = "http://music.baidu.com/" rel = "external nofollow" name = "tj_mp3">
音楽
</a>
<a href = "http://image.baidu.com/" rel = "external nofollow" name = "tj_img">
写真
</a>
<a href = "http://v.baidu.com/" rel = "external nofollow" name = "tj_video">
ビデオ
</a>
<a href = "http://map.baidu.com/" rel = "external nofollow" name = "tj_map">
地図
</a>
</p>
<div id = "fm">
<form name = "f" action = "http://www.baidu.com/s"ターゲット= "_ blank">
<span>
<入力型= "テキスト" name = "wd" id = "kw" maxlength = "100" autocomplete = "off"/>
</span>
<入力型= "hidden" name = "rsv_bp" value = "0"/>
<入力型= "hidden" name = "ch" value = ""/>
<入力型= "hidden" name = "tn" value = "sitehao123"/>
<入力型= "hidden" name = "bar" value = ""/>
<入力型= "hidden" name = "rsv_spt" value = "3"/>
<入力型= "hidden" name = "ie" value = "utf-8"/>
<span>
<入力型= "submit" value = "baidu" id = "su" onmousedown = "this.classname = 'bg s_btn s_btn_h'" onmouseout = "this.classname = 'bg s_btn'"/>
</span>
<div id = "sd_138659528033" style = "display:none;">
</div>
</form>
<span>
<span id = "mholder">
<div id = "mcon">
<span>
入力方法
</span>
</div>
</span>
</span>
</div>
<ul id = "newyeareve"> <li i = "0"> </li> <li i = "1"> </li> </ul>
<div id = "play" style = "display:none;"> </div>
<div id = "newyearkw">
<div>
<img src = "// files.vevb.com/file_images/article/201407/mylove.gif"/>
<i>親愛なる</i>
<i> love </i>
<i> 's </i>
<i>、</i>
<i>結婚</i>
<i> </i>
<i> i </i>
<i> bar </i>
<img src = "// files.vevb.com/file_images/article/201407/mylove.gif"/>
</div>
</div>
</div>
</div>
<script type = "text/javascript"> // <![cdata [
var newyeareve = newyeareve || {};
newyeareve.dom = document;
newyeareve.box = newyeareve.dom.getelementbyid( "newyeareve");
newyeareve.kw = newyeareve.dom.getelementbyid( "kw");
newyeareve.newyearkw = newyeareve.dom.getelementbyid( "newyearkw");
//newyeareve.logo = newyeareve.dom.getElementById("lg ");
//newyeareve.playdom = newyeareve.dom.getElementById("Play ");
newyeareve.num = -1;
newyeareve.time = 0;
newYeareve.WordWidth = 300;
newyeareve.wordw = 0;
newyeareve.newday = false;
newyeareve.dataarr = [{
キーワード:「2012年5月18日に初めて会ったとき、あなたは私に特別な気持ちを与えました」
}、{
キーワード:「私たちは2012年6月5日に一緒にいましたが、それ以来、この普通の日は私たちにとって特別な意味があります」
}、{
キーワード:「2012年8月20日の最初の口論により、あなたは悲しくてごめんなさい」
}、{
キーワード:「2012年10月1日のシャングリラの最初の旅行」
}、{
キーワード:「2012年12月24日、クリスマスイブにクリスマスツリーを一緒に作りました」
}、{
キーワード:「2013年2月14日の最初のバレンタインデーにまだバラを渡します」
}、{
キーワード:「2013年3月17日私はあなたの最初の誕生日を祝いました」
}、{
キーワード:「2013年6月1日に子供の日を一緒に祝うこともとてもうれしいです」
}、{
キーワード:「2013年6月5日の最初の記念日にあなたのそばにいた年をありがとう」
}、{
キーワード:「2013年8月4日に故郷の食べ物を食べて、素晴らしい時間を過ごしているのを見てください」
}、{
キーワード:「2013年9月19日に開催された中旬のフェスティバルで初めて両親に会ったとき、私は少し緊張していました」
}、{
キーワード:「2013年12月31日、私はあなたに同行して、今から毎回新しい年を祝うことを願っています...」
}
];
newyeareve.createhtml = function(num){
var h = '';
var n = 1;
num = num-0;
if(num <n+1){
switch(num){
ケース0:
h = '<li i = "0">';
壊す;
ケース1:
h = '<li i = "0"> </li> <li i = "1"> </li>';
壊す;
}
}それ以外{
for(var i = 0; i <num-n; i ++){
h+= '<li i = "'+i+'">';
}
for(var i = num-n; i <num+1; i ++){
var c = 'icon-newyear'+(i+n-num);
h+= '<li i = "'+i+'">';
}
}
if(newyeareve.box){
newyeareve.box.innerhtml = h;
}
newyeareve.kw.value = newyeareve.dataarr [num] .keyword;
}
newyeareve.anime = function(){
if(newyeareve.num <11){
newyeareve.num ++;
newyeareve.createhtml(this.num);
}
newyeareve.time = setimeout(function(){
if(newyeareve.num <11){
newyeareve.anime();
} それ以外 {
newyeareve.kw.value = "";
newyeareve.box.innerhtml = "";
newyeareve.wordanimate();
}
}、3000);
}
newyeareve.wordanimate = function(){
if(newyeareve.wordw <newyeareve.wordwidth){
newyeareve.wordw = newyeareve.wordw+1;
newyeareve.newyearkw.style.width = newyeareve.wordw+"px";
setimeout(function(){
newyeareve.wordanimate();}、16);
}それ以外{
newyeareve.replay();
}
}
newyeareve.replay = function(num){
newyeareve.time = setimeout(function(){
newyeareve.wordw = 0;
newyeareve.newyearkw.style.width = newyeareve.wordw+"px";
newyeareve.kw.value = "";
newyeareve.num = -1;
newyeareve.box.innerhtml = "";
newyeareve.anime();
}、3000);
}
newyeareve.box.onclick = function(event){
var e = event.target || event.srcelement;
var i = e.getattribute( "i");
if(i!== null){
newyeareve.newyearkw.style.width = "0px";
newyeareve.kw.value = newyeareve.dataarr [i] .keyword;
newyeareve.clicknum = i;
newyeareve.createhtml(newyeareve.clicknum);
cleartimeout(newyeareve.time);
newyeareve.time = setimeout(function(){
//newyeareve.createhtml(newyeareve.num);
newyeareve.num = newyeareve.num == 11? 10:newyeareve.num;
newyeareve.anime();
//newyeareve.kw.value = newyeareve.user || "";
}、3000)
}
}
newyeareve.anime();
//newyeareve.wordanimate();
//]]> </script>