Um dia, tive uma idéia repentina, se pudesse usar as habilidades do programador que aprendi a confessar à minha namorada, não seria de ponta, elegante e atualizado?
Eu penso nisso e faço isso imediatamente. A primeira coisa que penso é alterar o arquivo hosts e alterar a página inicial do navegador para a página da web que eu projetei.
As estudantes domésticas costumam usar a página inicial do Baidu, então eu mesmo imitei uma página inicial do Baidu, e os efeitos específicos são os seguintes:
Parece alto e excelente? Claro, eu falhei no final. Como um programador poderia ter uma namorada?
Mas para o benefício dos meus amigos seda, agora posto esses códigos. Mesmo que uma pessoa tenha sucesso, ainda vou esconder meus méritos e fama.
Use o Baidu para alterar o arquivo hosts. Isso não é suficiente.
Código fonte do Baidu escrito por mim mesmo:
A cópia do código é a seguinte:
<estilo>
html, corpo {altura: 100%} html {overflow-y: auto} #wrapper {Position: relativo; _Position:; min-height: 100%}#content {padding-bottom: 100px; text-align: Center} #ftcon {altura: 100px; position: 100px;
Auto; Z-Index: 0; Overflow: Hidden} #ftConw {Width: 720px; margem: 0 auto}
corpo {font: 12px Arial; text-align: esquerda; fundo: #ffff}
corpo, p, forma, ul, li {margem: 0; preenchimento: 0; estilo de lista: nenhum}
corpo, forma,#fm {position: relativamente} td {text-align: esquerd} img {borda: 0} a {color:#00c} a: ativo {color:#f60}
.bg {background-image: url (http://s1.bdstatic.com/r/www/cache/static/global/img/icons_aea40f46.png); background-r EPEAT: sem repetição; _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 {posição de fundo: -480px
-24px} .c-icon-Chevron-unfold2 {posição de fundo: -504px -24px} #u {color:#999; preenchimento: 4px
10px 5px 0; Text-align: direita} #ua {margem: 0 5px} #u .reg {margem: 0} #m {width: 720px; margem: 0
Auto} #nv a,#nv B, .btn,#lk {font-size: 14px} #fm {preenchimento-left: 130px; text-align: esquerda; z-index: 1} entrada {borda: 0; padding: 0} #nv {altura: 19px; f-size
0 4px; text-align: esquerda; text-indent: 137px} .s_ipt_wr {width: 468px; altura: 30px; display: block inline; margem-direita: 5px; posição de fundo: 0
-288px; borda: 1px sólido #b6b6b6; cor de borda: #9a9a #cdcdcd #cdcdcd #9a9a9a; alinhamento vertical: top} .s_ipt {width: 458px; altura: 22px; font: 14px/22px
ARIAL; margem: 5px 0 0 7px; Antecedentes: #FFFF; Esboço: 0; -Webkit-Appearância: None} .s_btn {Width: 95px; Hight: 32px; Padding-top: 2px/9; Font-Size: 14px; Background-Color: #DDD;
-240px; cursor: ponteiro} .s_btn_h {posição de fundo: -240px -240px} .s_btn_wr {width: 97px; altura: 34px; display: bloqueio em linha; posição de fundo: -120px
-240px;*Posição: relativa; z-índice: 0; alinhamento vertical: top} #lg img {vertical-align: top; margem-bottom: 3px} #lk {margem: 33px
0} #lk span {font: 14px "安体"} #lm {altura: 60px; altura de linha: 15px} #lh {margin: 16px
0 5px; Espacamento de palavras: 3px} .Tools {Posição: Absoluto; topo: -4px;*topo: 10px; direita: 7px} #mholder {width: 62px; position: relativa; z-index: 296; display: nenhum} #mcon {altura: 18px; line-hight 18px: 296;
span {color:#00c; cursor: padrão; display: bloco} #mcon .hw {decoração de texto: sublinhado; cursor: pointer; exibição: bloqueio em linha} #mcon
.pinyin {display: inline-block} #mcon .c-icon-Chevron-unfold2 {margin-left: 5px} #mmenu
a {largura: 100%; altura: 100%; display: bloco; altura da linha: 22px; text-indent: 6px; decoração de texto: nenhum; filtro: nenhum/9}#mmenu,#usuário
UL {Box-Shadow: 1px 1px 2px #ccc; -moz-box-shadow: 1px 1px 2px #ccc; -webkit-box-shadow: 1px
1px 2px #ccc; filtro: progid: dxxETransform.microsoft.shadow (força = 2, direção = 135, color = "#cccccc")/9} #mmenu {width: 56px; borda: 1px
sólido#9b9b9b; estilo de lista: nenhuma; posição: absoluto; direita: 27px; topo: 28px; display: nenhum; fundo: #fff} #mmenu
A: Hover {Background: #EBeBeB} #MMenu .ln {Hight: 1px; Background: #EBeBeB; Overflow: Hidden; font-size: 1px; Linha-Hight: 1px; Margin-top: -1px}#cp,#cp
a {color:#666} #Seth {Display: None; Background: url (#padrão#homepage)}#setf {display: none} #sekj {margin-left: 14px} #shouji {margin-right: 14px} #u
.Last {margem-direita: 0} #u .un {font-weight: BOLD; margem-direita: 5px} #u ul {width: 100%; background: #fff; borda: 1px
sólido#9b9b9b} #u li {altura: 25px} #u li a {width: 100%; altura: 25px; altura da linha: 25px; display: block; text-align: esquerda; decoração de texto: nenhum; indente de texto: 6px; margem: 0; filtro: nenhum/9} #u
Li A: Hover {Background: #EBeBeB} #U Li.nl {Border-top: 1px Solid #eBeBeb} #User_Center {Position: Relity; Display: Inline-Block} #User_Center
.USER_CENTER_BTN {Margin-Right: 5px} .UserMenu {Width: 64px; Posição: Absolute; direita: 7px; _right: 2px; topo: 15px; top: 14px/9;*topo: 15px; Padding-top: 4px; Display: NENHUM; Bordado: #fffff#;
</style>
<estilo>
/*
Meu estilo de logotipo
*/
#m {posição: relativa; preenchimento: 50px 0 0;}
#newyeareve {altura: 15px; posição: absoluto; topo: 250px; esquerda: 130px; largura: 510px;}
#newyeareve li {cursor: ponteiro; largura: 20px; altura: 15px; margem: 0 21px 0 0; float: esquerda;}
#newyeareve .iCon-Newyear0 {Background: url ("// files.vevb.com/file_images/article/201407/mylove.png") No-repeat Center;}
#newyeareve .month-next {display: nenhum! importante;}
#newyeareve .iCon-Newyear1 {Background: url ("// files.vevb.com/file_images/article/201407/mylove01.png") No-repete Center;}
#newyeareve li: hover {background: url ("// files.vevb.com/file_images/article/201407/mylove.gif") no -repeat -0 0; }
#m {posição: relativa;}
#Play {Posição: Absoluto; topo: 135px; esquerda: 348px; largura: 25px; altura: 25px; cursor: ponteiro;}
#newyeareve .iCon-Newyear2,#newYeareve .iCon-Newyear1: hover {Background: url ("// files.vevb.com/file_images/article/201407/mylove01.png") Center não-repetição;}
#newyearkw {cor:#e203a9; posição: absoluto; topo: 212px; esquerda: 135px; largura: 300px; altura: 20px; cor:#897883; z-index: 100; font-family: "Microsoft yahei"; text-align: esquerda;
#newyearkw i,#newyearkw img {estilo font: normal; posição: absoluto; largura: 20px; altura: 20px; topo: 0;}
#newyearkw .img01 {esquerda: 0px;}
#newyearkw .img02 {esquerda: 180px;}
#newyearkw .c1 {color:#e203a9; esquerda: 20px;}
#newyearkw .c2 {color:#e203a9; esquerda: 40px;}
#newyearkw .c3 {color:#b60175; esquerda: 60px;}
#newyearkw .c4 {color:#b60175; esquerda: 80px;}
#newyearkw .c5 {color:#f460af; esquerda: 100px;}
#newyearkw .c6 {color:#f460af; esquerda: 120px;}
#newyearkw .c7 {color:#fd98a5; esquerda: 140px;}
#newyearkw .c8 {color:#fec8db; esquerda: 160px;}
#newyearkw .c9 {color:#fec8db; esquerda: 180px;}
#newyearkw .c11 {color:#fec8db;}
#newyearkw .c12 {color:#fec8db;}
#newyearkw .c13 {color:#fec8db;}
#newyearkw .c14 {color:#fec8db;}
.word-box {Posição: relativa; largura: 300px; altura: 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 = "Nofollow externo" name = "tj_news">>
notícias
</a>
<b>
página da Internet
</b>
<a href = "http://tieba.baidu.com/" rel = "Nofollow externo" name = "tj_tieba">
Publique
</a>
<a href = "http://zhidao.baidu.com/" rel = "Nofollow externo" name = "tj_zhidao">
Saber
</a>
<a href = "http://music.baidu.com/" rel = "Nofollow externo" name = "tj_mp3">
música
</a>
<a href = "http://image.baidu.com/" rel = "Nofollow externo" name = "tj_img">
foto
</a>
<a href = "http://v.baidu.com/" rel = "Nofollow externo" name = "tj_video">
vídeo
</a>
<a href = "http://map.baidu.com/" rel = "Nofollow externo" name = "tj_map">
mapa
</a>
</p>
<div id = "fm">
<nome de forma = "f" action = "http://www.baidu.com/s" Target = "_ Blank">
<pan>
<input type = "text" name = "wd" id = "kw" maxlength = "100" autocomplete = "off"/>
</span>
<input type = "hidden" name = "rsv_bp" value = "0"/>
<input type = "hidden" name = "ch" value = ""/>
<input type = "hidden" name = "tn" value = "sitehao123"/>
<input type = "hidden" name = "bar" value = ""/>
<input type = "hidden" name = "rsv_spt" value = "3"/>
<input type = "hidden" name = "ie" value = "utf-8"/>
<pan>
<input type = "submit" value = "Baidu" id = "su" onMousedown = "this.className = 'bg s_btn s_btn_h'" onmouseout = "this.classname = 'bg s_btn'"/>
</span>
<div id = "sd_1386659528033" style = "display: nenhum;">
</div>
</morm>
<pan>
<span id = "Mholder">
<div id = "mcon">
<pan>
Método de entrada
</span>
</div>
</span>
</span>
</div>
<ul id = "newYeareve"> <li i = "0"> </li> <li i = "1"> </li> </ul>
<div id = "play" style = "display: nenhum;"> </div>
<div id = "newYearkw">
<div>
<img src = "// files.vevb.com/file_images/article/201407/mylove.gif"/>
<i> querido </i>
<i> Love </i>
<i> 's </i>
<i>, </i>
<i> casar </i>
<i> Dê </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=newyeeve.dom.getElementById("lg ");
//newyeareve.playdom=newyeeve.dom.getElementById("play ");
newYeareve.num = -1;
newYeareve.Time = 0;
newYeareve.wordWidth = 300;
newYeareve.wordw = 0;
newYeareve.Newday = false;
newYeareve.dataarr = [{
Palavra -chave: "Você me deu um sentimento especial quando me conheci em 18 de maio de 2012" "
}, {
Palavra -chave: "Estávamos juntos em 5 de junho de 2012 e, desde então, este dia comum tem um significado especial para nós"
}, {
Palavra -chave: "A primeira briga em 20 de agosto de 2012 deixou você triste e desculpe"
}, {
Palavra-chave: "A primeira viagem de Shangri-La em 1 de outubro de 2012" "
}, {
Palavra -chave: "Fizemos uma árvore de Natal juntos na véspera de Natal, 24 de dezembro de 2012"
}, {
Palavra -chave: "Eu ainda dou a você rosas no primeiro dia dos namorados em 14 de fevereiro de 2013"
}, {
Palavra -chave: "17 de março de 2013 Eu comemorei seu primeiro aniversário"
}, {
Palavra -chave: "Também estou muito feliz em comemorar o Dia das Crianças juntos em 1 de junho de 2013"
}, {
Palavra -chave: "Obrigado pelo ano em que você esteve ao seu lado no primeiro aniversário de 5 de junho de 2013"
}, {
Palavra -chave: "Vou levá -lo para comer minha comida na cidade em 4 de agosto de 2013, e vejo que você se divertiu" "
}, {
Palavra-chave: "Fiquei um pouco nervoso quando conheci seus pais durante o festival do meio do outono em 19 de setembro de 2013"
}, {
Palavra -chave: "31 de dezembro de 2013, espero acompanhá -lo para comemorar o Ano Novo todas as vezes a partir de agora ..."
}
];
newYeareve.createhtml = function (num) {
var h = '';
var n = 1;
num = num-0;
if (num <n+1) {
switch (num) {
Caso 0:
h = '<li i = "0">';
quebrar;
Caso 1:
h = '<li i = "0"> </li> <li i = "1"> </li>';
quebrar;
}
}outro{
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.animate = function () {
if (newYeareve.num <11) {
newYeareve.num ++;
newYeareve.createhtml (this.num);
}
newYeareve.Time = setTimeout (function () {
if (newYeareve.num <11) {
newYeareve.animate ();
} outro {
newYeareve.kw.value = "";
newYeareve.box.innerhtml = "";
newYeareve.wordanimate ();
}
}, 3000);
}
newYeareve.wordanimate = function () {
if (newYeareve.wordw <newyeeve.wordwidth) {
newYeareve.wordw = newYeareve.wordw+1;
newYeareve.newyearkw.style.width = newYeareve.wordw+"px";
setTimeout (function () {
newYeareve.wordanimate ();}, 16);
}outro{
newYeareve.Replay ();
}
}
newYeareve.Replay = function (num) {
newYeareve.Time = setTimeout (function () {
newYeareve.wordw = 0;
newYeareve.newyearkw.style.width = newYeareve.wordw+"px";
newYeareve.kw.value = "";
newYeareve.num = -1;
newYeareve.box.innerhtml = "";
newYeareve.animate ();
}, 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 (newyeeve.clicknum);
ClearTimeout (newYeeve.time);
newYeareve.Time = setTimeout (function () {
//newyeeve.createhtml(newyeeve.num);
newYeareve.num = newYeareve.num == 11? 10: newYeareve.num;
newYeareve.animate ();
//newyeeve.kw.value= newyeeve.user || "";
}, 3000)
}
}
newYeareve.animate ();
//newyeareve.wordanimate ();
//]]> </script>