Suatu hari saya tiba-tiba memiliki ide, jika saya bisa menggunakan keterampilan programmer yang saya pelajari untuk mengaku kepada pacar saya, bukankah itu adalah high-end, elegan dan terkini?
Saya memikirkannya dan melakukannya segera. Hal pertama yang saya pikirkan adalah mengubah file host dan mengubah halaman beranda browser ke halaman web yang saya rancang.
Siswa wanita domestik biasanya menggunakan beranda Baidu, jadi saya meniru beranda Baidu sendiri, dan efek spesifiknya adalah sebagai berikut:
Apakah itu terlihat tinggi dan luar biasa? Tentu saja, saya gagal pada akhirnya. Bagaimana seorang programmer bisa memiliki pacar?
Tetapi untuk kepentingan teman -teman sutra saya, saya sekarang memposting kode -kode ini. Bahkan jika satu orang berhasil, saya masih akan menyembunyikan kelebihan dan ketenaran saya.
Silakan gunakan Baidu untuk mengubah file host. Ini tidak cukup.
Kode Sumber Baidu ditulis sendiri:
Salinan kode adalah sebagai berikut:
<tyle>
html, body {height: 100%} html {overflow-y: auto} #wrapper {position: relatif; _position :; min-height: 100%}#konten {padding-bottom: 100px; text-align: center} #ftcon {height: 100px; posis;
auto; z-index: 0; overflow: tersembunyi} #ftconw {width: 720px; margin: 0 auto}
Body {font: 12px Arial; Text-Align: Left; latar belakang: #FFFFF}
tubuh, 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 {latar belakang-image: url (http://s1.bdstatic.com/r/www/cache/static/global/img/icons_aea40f46.png); latar belakang-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; lebar: 14px; tinggi: 14px; vertical-align: text-bottom; font-style: normal; overflow: hidden; latar belakang: url (http://s1.bdstatic.com/r/ww/cache/cactatic/global 0 0; _background-image: url (http://s1.bdstatic.com/r/www/cache/static/global/img/icons_cfa0bb3b.gif)} .c-icon-riangle-down-blue {background-position: -480px
-24px} .c-icon-chevron-unfold2 {latar belakang-posisi: -504px -24px} #u {color:#999; padding: 4px
10px 5px 0; Text-Align: Right} #ua {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 {ketinggian: 19px; font: 16px: 16px: 0. 0
0 4px; Text-Align: Left; Text-Indent: 137px} .s_ipt_wr {width: 468px; Tinggi: 30px; Tampilan: blok inline; margin-kanan: 5px; Latar belakang-posisi: 0
-288px; Border: 1px solid #b6b6b6; border-color: #9a9a #cdcdcd #cdcdcd #9a9a9a; vertikal-allign: top} .s_ipt {width: 458px; tinggi: 22px; font: 14px/22px
Arial; margin: 5px 0 0 7px; latar belakang: #ffff; outline: 0; -webkit-Appearge: None} .s_btn {width: 95px; Tinggi: 32px; padding-top: 2px/9; Font-ukuran: 14px; latar belakang-warna: #ddd; latar belakang: 0
-240px; kursor: pointer} .s_btn_h {latar belakang-posisi: -240px -240px} .s_btn_wr {lebar: 97px; tinggi: 34px; display: inline-block; posisi latar belakang: -120px
-240px;*posisi: relatif; z-index: 0; vertikal-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 {margin: 16px
0 5px; spasi-kata: 3px} .tools {position: absolute; top: -4px;*atas: 10px; kanan: 7px} #mholder {width: 62px; position: relatif; z-index: 296; none} #mcon {tinggi: 18px; line-height: 296; non
span {color:#00c; kursor: default; display: block} #mcon .hw {text-decoration: underline; kursor: pointer; display: inline-block} #mcon
.pinyin {display: inline-block} #mcon .c-icon-chevron-unfold2 {margin-left: 5px} #mmenu
A {width: 100%; tinggi: 100%; tampilan: blok; line-height: 22px; Text-Indent: 6px; Text-Decoration: None; Filter: None/9}#mmenu,#pengguna
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 (kekuatan = 2, arah = 135, color = "#ccccccc")/9} #mmenu {lebar: 56px; border: 1px
Solid#9B9B9B; List-style: None; Posisi: Absolute; Right: 27px; Top: 28px; Tampilan: Tidak Ada; Latar Belakang: #FFF} #MMMENU
A: Hover {background: #ebebeb} #mmenu .ln {height: 1px; latar belakang: #ebebeb; overflow: tersembunyi; font-ukuran: 1px; line-height: 1px; margin-top: -1px}#cp,#cp
A {Color:#666} #seth {display: none; latar belakang: url (#default#homePage)}#setf {display: none} #sekj {margin-left: 14px} #shouji {margin-kanan: 14px} #u
.last {margin-right: 0} #u .un {font-weight: bold; margin-right: 5px} #u ul {width: 100%; latar belakang: #fff; border: 1px
solid#9b9b9b} #u li {height: 25px} #u li a {width: 100%; tinggi: 25px; line-height: 25px; display: block; Text-align: kiri; dekorasi teks: tidak ada; Text-Indent: 6px; margin: 0; Filter: None/9} #u
Li A: Hover {latar belakang: #ebebeb} #u li.nl {border-top: 1px solid #ebebeb} #user_center {position: relatif; display: inline-block} #user_center
USER_CENTER_BTN {margin-right: 5px} .usermenu {lebar: 64px; Posisi: absolute; kanan: 7px; _right: 2px; atas: 15px; Top: 14px/9;*Top: 15px; Padding-top: 4px; Display: None:#latar belakang:#latar belakang: #FFF}}} padding: 4px; non-latar belakang:#*
</tyle>
<tyle>
/*
Gaya logo saya
*/
#m {position: relatif; padding: 50px 0 0 0;}
#newyeareve {Height: 15px; Posisi: Absolute; Top: 250px; kiri: 130px; Lebar: 510px;}
#newyeareve li {kursor: pointer; lebar: 20px; tinggi: 15px; margin: 0 21px 0 0; float: left;}
#newyeareve .icon-newyear0 {latar belakang: url ("// file.vevb.com/file_images/article/201407/mylove.png") no-rePeat center;}
#newyeareve .month-next {display: none! penting;}
#newyeareve .icon-newyear1 {latar belakang: url ("// file.vevb.com/file_images/article/201407/mylove01.png") Center No-RePeat;}
#newyeareve li: hover {latar belakang: url ("// file.vevb.com/file_images/article/201407/mylove.gif") no -rePeat -0 0; }
#m {position: relatif;}
#play {position: absolute; atas: 135px; kiri: 348px; lebar: 25px; tinggi: 25px; kursor: pointer;}
#newyeareve .icon-newyear2,#newyeareve .icon-newyear1: hover {latar belakang: url ("// file.vevb.com/file_images/article/201407/mylove01.png") No-Repeat 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:left;font-weight: 700;font-size: 16px;overflow: hidden;}
#newyearkw i,#newyearkw img {font-style: normal; position: absolute; lebar: 20px; tinggi: 20px; atas: 0;}
#newyearkw .img01 {kiri: 0px;}
#newyearkw .img02 {kiri: 180px;}
#newyearkw .c1 {color:#e203a9; kiri: 20px;}
#newyearkw .c2 {color:#e203a9; kiri: 40px;}
#newyearkw .c3 {color:#b60175; kiri: 60px;}
#newyearkw .c4 {color:#b60175; kiri: 80px;}
#newyearkw .c5 {color:#f460af; kiri: 100px;}
#newyearkw .c6 {color:#f460af; kiri: 120px;}
#newyearkw .c7 {color:#fd98a5; kiri: 140px;}
#newyearkw .c8 {color:#fec8db; kiri: 160px;}
#newyearkw .c9 {color:#fec8db; kiri: 180px;}
#newyearkw .c11 {color:#fec8db;}
#newyearkw .c12 {color:#fec8db;}
#newyearkw .c13 {color:#fec8db;}
#newyearkw .c14 {color:#fec8db;}
.word-box {position: relatif; lebar: 300px; tinggi: 20px;}
</tyle>
<Div id = "Content">
<Div id = "m">
<p id = "lg">
<img src = "// file.vevb.com/file_images/article/201407/mylove_logo.png"/>
</p>
<p id = "nv">
<a href = "http://news.baidu.com/" rel = "eksternal nofollow" name = "tj_news">
berita
</a>
<b>
Halaman web
</b>
<a href = "http://tieba.baidu.com/" rel = "eksternal nofollow" name = "tj_tieba">
Posting
</a>
<a href = "http://zhidao.baidu.com/" rel = "eksternal nofollow" name = "tj_zhidao">
Tahu
</a>
<a href = "http://music.baidu.com/" rel = "eksternal nofollow" name = "tj_mp3">
musik
</a>
<a href = "http://image.baidu.com/" rel = "eksternal nofollow" name = "tj_img">
gambar
</a>
<a href = "http://v.baidu.com/" rel = "eksternal nofollow" name = "tj_video">
video
</a>
<a href = "http://map.baidu.com/" rel = "eksternal nofollow" name = "tj_map">
peta
</a>
</p>
<Div id = "fm">
<form name = "f" action = "http://www.baidu.com/s" target = "_ blank">
<span>
<input type = "text" name = "wd" id = "kw" maxlength = "100" autoComplete = "off"/>
</span>
<input type = "hidden" name = "rsv_bp" value = "0"/>
<input type = "tersembunyi" name = "ch" value = ""/>
<input type = "hidden" name = "tn" value = "siteHao123"/>
<input type = "tersembunyi" name = "bar" value = ""/>
<input type = "hidden" name = "rsv_spt" value = "3"/>
<input type = "hidden" name = "IE" value = "UTF-8"/>
<span>
<input type = "kirim" 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>
Metode input
</span>
</div>
</span>
</span>
</div>
<ul id = "newyeareve"> <li i = "0"> </li> <li i = "1"> </li> </ul>
<Div id = "mainkan" style = "display: none;"> </div>
<Div id = "newyearkw">
<div>
<img src = "// file.vevb.com/file_images/article/201407/mylove.gif"/>
<i> sayang </i>
<i> cinta </i>
<i> </i>
<i>, </i>
<i> menikah </i>
<i> berikan </i>
<i> i </i>
<i> bar </i>
<img src = "// file.vevb.com/file_images/article/201407/mylove.gif"/>
</div>
</div>
</div>
</div>
<type skrip = "Text/JavaScript"> // <! [CDATA [
var newyeareve = newyeareve || {};
newyeareve.dom = dokumen;
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 = [{
Kata kunci: "Anda memberi saya perasaan khusus ketika saya pertama kali bertemu pada 18 Mei 2012"
}, {
Kata kunci: "Kami bersama pada 5 Juni 2012, dan sejak itu hari biasa ini memiliki arti khusus bagi kami"
}, {
Kata kunci: "Pertengkaran pertama pada 20 Agustus 2012 membuat Anda sedih dan menyesal"
}, {
Kata kunci: "Perjalanan pertama Shangri-La pada 1 Oktober 2012"
}, {
Kata kunci: "Kami membuat pohon Natal bersama pada Malam Natal, 24 Desember 2012"
}, {
Kata kunci: "Saya masih memberi Anda mawar pada Hari Valentine pertama pada 14 Februari 2013"
}, {
Kata kunci: "17 Maret 2013 Saya merayakan ulang tahun pertama Anda"
}, {
Kata kunci: "Saya juga sangat senang merayakan hari anak -anak bersama pada 1 Juni 2013"
}, {
Kata kunci: "Terima kasih untuk tahun ini Anda telah berada di sisi Anda pada ulang tahun pertama 5 Juni 2013"
}, {
Kata kunci: "Saya akan membawa Anda untuk makan makanan kampung halaman saya pada 4 Agustus 2013, dan melihat Anda bersenang -senang"
}, {
Kata kunci: "Saya sedikit gugup ketika saya pertama kali bertemu orang tua Anda selama Festival Pertengahan Musim Gugur pada 19 September 2013"
}, {
Kata kunci: "31 Desember 2013 Saya harap saya akan menemani Anda untuk merayakan Tahun Baru setiap saat mulai sekarang ..."
}
];
newyeareve.createHtml = function (num) {
var h = '';
var n = 1;
num = num-0;
if (num <n+1) {
switch (num) {
Kasus 0:
h = '<li i = "0">';
merusak;
Kasus 1:
h = '<li i = "0"> </li> <li i = "1"> </li>';
merusak;
}
}kalau tidak{
untuk (var i = 0; i <num-n; i ++) {
h+= '<li i = "'+i+'">';
}
untuk (var i = num-n; i <num+1; i ++) {
var c = 'ikon-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 ();
} kalau tidak {
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);
}kalau tidak{
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 (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>