Un día tuve una idea repentina, si pudiera usar las habilidades de programador que aprendí a confesar a mi novia, ¿no sería de alta gama, elegante y actualizado?
Pienso en ello y lo hago de inmediato. Lo primero que pienso es cambiar el archivo de hosts y cambiar la página de inicio del navegador a la página web que diseñé.
Las estudiantes domésticas generalmente usan la página de inicio de Baidu, por lo que imité una página de inicio de Baidu, y los efectos específicos son los siguientes:
¿Se ve alto y excepcional? Por supuesto, fallé al final. ¿Cómo podría un programador tener novia?
Pero en beneficio de mis amigos de la seda, ahora publico estos códigos. Incluso si una persona tiene éxito, aún ocultaré mis méritos y fama.
Utilice Baidu para cambiar el archivo de hosts. Esto no es suficiente.
Código fuente de Baidu escrito por mí mismo:
La copia del código es la siguiente:
<estilo>
html, cuerpo {altura: 100%} html {overflow-y: auto} #wrapper {posicion: relative; _position:; min-height: 100%}#content {bottom: 100px; text-align: centro} #ftcon {altura: 100px; posicion: absoluto; inferior: 44px; text-align: widhin; marzo; marro; marzo; marzo; marro; marro; marzo; marzo; marzo; marzo; marzo; marzo; marzo; marzo; marzo; marzo; marzo; marzo; marzo; marzo; marzo; marzo; marro; marzo; marro; marro; marzo; marzo; marro; marzo; marzo; marzo; marth; marth; marth;
Auto; Z-Index: 0; Overflow: Hidden} #ftconw {width: 720px; margen: 0 auto}
Cuerpo {Font: 12px Arial; Text-Align: Left; Background: #ffff}
cuerpo, p, form, ul, li {margen: 0; relleno: 0; estilo list: ninguno}
cuerpo, forma,#fm {posición: relativo} td {text-align: left} img {border: 0} a {color:#00c} a: activo {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; ancho: 14px; altura: 14px; vertical-align: text-bottom; font-style: normal; desbordamiento: hidden; fondos: url (http://s1.bdstatic.com/r/www/cache/static/global/img/icons_aea40f46.png) 0; _background-image: URL (http://s1.bdstatic.com/r/www/cache/static/global/img/icons_cfa0bb3b.gif)} .c-icon-triangle-down-blue {posposición de fondo: -480px
-24px} .c-icon-chevron-unfold2 {fondo de fondo: -504px -24px} #u {color:#999; relleno: 4px
10px 5px 0; text-align: right} #ua {margen: 0 5px} #u .reg {margin: 0} #m {ancho: 720px; margen: 0
Auto} #nv a,#nv b, .btn,#lk {font-size: 14px} #fm {padding-left: 130px; text-align: left; z-odex: 1} input {border: 0; almo
0 4px; text-align: izquierda; text-indent: 137px} .s_ipt_wr {ancho: 468px; altura: 30px; pantalla: bloqueo en línea; margen-derecha: 5px; posposición de fondo: 0
-288px; borde: 1px sólido #b6b6b6; border-color: #9a9a #cdcdcd #cdcdcd #9a9a9a; vertical-align: top} .s_ipt {ancho: 458px; altura: 22px; font: 14px/22px
arial; margen: 5px 0 0 7px; fondo: #ffff; esquema: 0; -webkit-apariencia: ninguno} .s_btn {ancho: 95px; altura: 32px; padding-top: 2px/9; font-size: 14px; color de fondo: #ddd; posposición de fondo: 0
-240px; cursor: pointer} .s_btn_h {fondo de fondo: -240px -240px} .s_btn_wr {width: 97px; altura: 34px; visual
-240px;*posición: relativo; z-index: 0; vertical-align: top} #lg img {vertical-align: top; margin-bottom: 3px} #lk {margen: 33px
0} #lk span {font: 14px "安体"} #lm {altura: 60px; línea-height: 15px} #lh {margen: 16px
0 5px; Spacing: 3px} .tools {posición: absoluto; top: -4px;*top: 10px; right: 7px} #mholder {width: 62px; posicion: relative; z-index: 296; visual
span {color:#00c; cursor: default; display: block} #mcon .hw {text-decoration: subline; cursor: pointer; display: inline-block} #mcon
.pinyin {display: inline-block} #mcon .c-icon-chevron-unfold2 {margin-left: 5px} #mmenu
A {ancho: 100%; altura: 100%; pantalla: bloque; line-aguja: 22px; text-indent: 6px; text-decoración: ninguno; filtro: ninguno/9}#mmenu,#user
ul {box-shadow: 1px 1px 2px #ccc; -moz-box-shadow: 1px 1px 2px #ccc; -webkit-box-shadow: 1px
1px 2px #ccc; filtro: progid: dximagetransform.microsoft.shadow (fortaleza = 2, dirección = 135, color = "#cccccccc")/9} #mmenu {width: 56px; borde: 1px
sólido#9b9b9b; list-style: Ninguno; Posición: Absoluto; Derecha: 27px; Top: 28px; Display: Ninguno; Antecedentes: #fff} #mmenu
A: Hover {fondo: #ebebeb} #mmenu .ln {altura: 1px; fondos: #ebebeb; desbordamiento: hidden; font-size: 1px; line-height: 1px; margen-top: -1px}#cp,#cpx#cpx#cpx#cpx
A {Color:#666} #seth {display: none; fondos: url (#predeterminado #page)}#setf {display: none} #sekj {margen-left: 14px} #shouji {margin-right: 14px} #u #u #u
.last {margin-right: 0} #u .un {font-weight: bold; margin-right: 5px} #u ul {ancho: 100%; fondos: #fff; border: 1px
Solid#9b9b9b} #u li {altura: 25px} #u li a {ancho: 100%; altura: 25px; línea-height: 25px; display: block; text-align: left; text-decoration: none; text-hindent: 6px; margin: 0; filtro: no/9} #u #u #u
Li A: Hover {Background: #ebebeb} #u li.nl {border-top: 1px sólido #ebebeb} #user_center {posición: relativo; display: inline-block} #user_center
.user_center_btn {margin-right: 5px} .usermenu {ancho: 64px; posición: absoluto; right: 7px; _right: 2px; top: 15px; top: 14px/9;*top: 15px; padding-top: 4px; visual: none;*#fff} #user {posicion: relative;
</style>
<estilo>
/*
Mi estilo de logotipo
*/
#m {posición: relativo; relleno: 50px 0 0 0;}
#newyeareve {altura: 15px; posición: absoluto; superior: 250px; izquierda: 130px; ancho: 510px;}
#newyeareve li {cursor: pointer; ancho: 20px; altura: 15px; margen: 0 21px 0 0; float: izquierda;}
#newyeareve .icon-newyear0 {fondo: url ("// files.vevb.com/file_images/article/201407/mylove.png") No-Repeat Center Center;}
#Newyeareve .Month-Next {Display: None! IMPORTANTE;}
#newyeareve .icon-newyear1 {fondo: url ("// files.vevb.com/file_images/article/201407/mylove01.png") No-Repeat Center Center;}
#Newyeareve Li: Hover {fondo: url ("// files.vevb.com/file_images/article/201407/mylove.gif") No -Repeat -0 0; }
#m {posición: relativo;}
#play {posición: absoluto; superior: 135px; izquierda: 348px; ancho: 25px; altura: 25px; cursor: pointer;}
#newyeareve .icon-newyear2,#newyeareve .icon-newyear1: hover {fondos: url ("// files.vevb.com/file_images/article/201407/mylove01.png") sin-repeat centro centro;}
#newyearkw {color:#e203a9; posición: absoluto; arriba: 212px; izquierda: 135px; ancho: 300px; altura: 20px; color:#897883; Z-Index: 100; Font-Family: "Microsoft Yahei"; texto-align: Font-Weight: 700; Font-Size: 16px: 16px: 16px: 16px: 16px: 16px: Onflow: Onflow: 16px; oculto;}
#newyearkw i,#newyearkw img {font-style: normal; posición: absoluto; ancho: 20px; altura: 20px; arriba: 0;}
#newyearkw .img01 {izquierda: 0px;}
#newyearkw .img02 {izquierda: 180px;}
#newyearkw .c1 {color:#E203A9; Izquierda: 20px;}
#newyearkw .c2 {color:#e203a9; izquierda: 40px;}
#newyearkw .c3 {color:#b60175; izquierda: 60px;}
#newyearkw .c4 {color:#b60175; izquierda: 80px;}
#newyearkw .c5 {color:#f460af; izquierda: 100px;}
#newyearkw .c6 {color:#f460af; izquierda: 120px;}
#newyearkw .c7 {color:#fd98a5; izquierda: 140px;}
#newyearkw .c8 {color:#fec8db; izquierda: 160px;}
#newyearkw .c9 {color:#fec8db; izquierda: 180px;}
#newyearkw .c11 {color:#fec8db;}
#newyearkw .c12 {color:#fec8db;}
#newyearkw .c13 {color:#fec8db;}
#newyearkw .c14 {color:#fec8db;}
.word-box {posición: relativo; ancho: 300px; altura: 20px;}
</style>
<div id = "contenido">
<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 = "externo nofollow" name = "tj_news">
noticias
</a>
<b>
Página web
</b>
<a href = "http://tieba.baidu.com/" rel = "externo nofollow" name = "tj_tieba">
Publicarlo
</a>
<a href = "http://zhidao.baidu.com/" rel = "externo nofollow" name = "tj_zhidao">
Saber
</a>
<a href = "http://music.baidu.com/" rel = "externo nofollow" name = "tj_mp3">
música
</a>
<a href = "http://image.baidu.com/" rel = "externo nofollow" name = "tj_img">
imagen
</a>
<a href = "http://v.baidu.com/" rel = "externo nofollow" name = "tj_video>
video
</a>
<a href = "http://map.baidu.com/" rel = "externo nofollow" name = "tj_map">
mapa
</a>
</p>
<div id = "fm">
<form de nombre = "f" action = "http://www.baidu.com/s" target = "_ en blanco">
<span>
<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"/>
<span>
<input type = "Subt" 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: None;">
</div>
</form>
<span>
<span id = "mholder">
<div id = "mcon">
<span>
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: None;"> </div>
<div id = "newyearkw">
<div>
<img src = "// files.vevb.com/file_images/article/201407/mylove.gif"/>
<i> querido </i>
<i> amor </i>
<i> 's </i>
<i>, </i>
<i> casarse </i>
<i> dar </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 = documento;
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 = [{
Palabra clave: "Me diste una sensación especial cuando me conocí el 18 de mayo de 2012"
}, {
Palabra clave: "Estuvimos juntos el 5 de junio de 2012, y desde entonces este día ordinario tiene un significado especial para nosotros"
}, {
Palabra clave: "La primera disputa el 20 de agosto de 2012 te puso triste y lo siento"
}, {
Palabra clave: "El primer viaje de Shangri-La el 1 de octubre de 2012"
}, {
Palabra clave: "Hicimos un árbol de Navidad juntos en la víspera de Navidad, 24 de diciembre de 2012"
}, {
Palabra clave: "Todavía te doy rosas el primer día de San Valentín el 14 de febrero de 2013"
}, {
Palabra clave: "17 de marzo de 2013 Celebré tu primer cumpleaños"
}, {
Palabra clave: "También estoy muy feliz de celebrar el Día del Niño juntos el 1 de junio de 2013"
}, {
Palabra clave: "Gracias por el año que has estado a tu lado en el primer aniversario del 5 de junio de 2013"
}, {
Palabra clave: "Te llevaré a comer la comida de mi ciudad natal el 4 de agosto de 2013, y verte pasar un buen rato"
}, {
Palabra clave: "Estaba un poco nervioso cuando conocí a tus padres durante el festival de mediados de otoño el 19 de septiembre de 2013"
}, {
Palabra clave: "31 de diciembre de 2013 Espero que te acompañe para celebrar el Año Nuevo cada vez a partir de ahora ..."
}
];
newyeareve.createhtml = function (num) {
var h = '';
var n = 1;
num = num-0;
if (num <n+1) {
Switch (num) {
Caso 0:
h = '<li i = "0">';
romper;
Caso 1:
h = '<li i = "0"> </li> <li i = "1"> </li>';
romper;
}
}demás{
para (var i = 0; i <num-n; i ++) {
h+= '<li i = "'+i+'">';
}
para (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 ();
} demás {
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";
setTimeOut (function () {
newyeareve.wordanimate ();}, 16);
}demás{
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 (evento) {
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 = setTimeOut (function () {
//newyeareve.createhtml(newyeareve.num);
newyeareve.num = newyeareve.num == 11? 10: Newyeareve.num;
newyeareve.animate ();
//newyeareve.kw.value= newyeareve.user || "";
}, 3000)
}
}
newyeareve.animate ();
//newyeareve.wordanimate ();
//]]> </script>