วันหนึ่งฉันมีความคิดอย่างฉับพลันถ้าฉันสามารถใช้ทักษะโปรแกรมเมอร์ได้ฉันเรียนรู้ที่จะสารภาพกับแฟนของฉันมันจะไม่เป็นระดับไฮเอนด์สง่างามและทันสมัย?
ฉันคิดถึงมันและทำทันที สิ่งแรกที่ฉันคิดคือการเปลี่ยนไฟล์โฮสต์และเปลี่ยนหน้าแรกของเบราว์เซอร์เป็นหน้าเว็บที่ฉันออกแบบ
นักเรียนหญิงในประเทศมักจะใช้หน้าแรกของ Baidu ดังนั้นฉันจึงเลียนแบบหน้าแรกของ Baidu ด้วยตัวเองและผลกระทบเฉพาะมีดังนี้:
มันดูสูงและโดดเด่นหรือไม่? แน่นอนฉันล้มเหลวในที่สุด โปรแกรมเมอร์จะมีแฟนได้อย่างไร?
แต่เพื่อประโยชน์ของเพื่อนไหมตอนนี้ฉันโพสต์รหัสเหล่านี้ แม้ว่าคน ๆ หนึ่งจะประสบความสำเร็จฉันจะยังคงซ่อนข้อดีและชื่อเสียงของฉัน
โปรดใช้ Baidu เพื่อเปลี่ยนไฟล์โฮสต์ นี่ไม่เพียงพอ
ซอร์สโค้ด Baidu เขียนด้วยตัวเอง:
การคัดลอกรหัสมีดังนี้:
<style>
html, body {ความสูง: 100%} html {overflow-y: auto} #wrapper {ตำแหน่ง: สัมพัทธ์; _position:; min-height: 100%}#เนื้อหา {padding-bottom: 44px;
auto; z-index: 0; overflow: hidden} #ftconw {width: 720px; margin: 0 auto}
Body {Font: 12px Arial; Text-Sall: ซ้าย; พื้นหลัง: #FFFF}
Body, P, Form, ul, li {margin: 0; padding: 0; list-style: none}
ร่างกาย, รูปแบบ,#fm {ตำแหน่ง: สัมพัทธ์} td {text-allign: left} img {border: 0} a {color:#00c} a: ascer {color:#f60}
.bg {background-image: url (http://s1.bdstatic.com/r/www/cache/static/global/img/icons_aea40f46.png) Epeat: ไม่ซ้ำแล้ว
.C-icon {แสดง: inline-block; ความกว้าง: 14px; ความสูง: 14px; แนวตั้ง-แนว: ข้อความ-ข้อความ; ฟอนต์สไตล์: ปกติ; ล้น: ซ่อนเร้น; 0; _background-image: url (http://s1.bdstatic.com/r/www/cache/static/global/img/icons_cfa0bb3b.gif)
-24px} .c-icon-chevron-unfold2 {ตำแหน่งพื้นหลัง: -504px -24px} #U {color:#999; padding: 4px
10px 5px 0; text-allign: ขวา} #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-allign: left; z-index: 1} อินพุต {border: 0;
0 4px; text-allign: left; text-indent: 137px} .s_ipt_wr {width: 468px; ความสูง: 30px; แสดง: inline-block;
-288px; ชายแดน: 1px solid #b6b6b6; สีชายแดน: #9a9a #cdcdcd #cdcdcd #9a9a9a; แนวตั้ง-แนว: ด้านบน} .s_ipt {width: 458px; ความสูง: 22px;
Arial; มาร์จิ้น: 5px 0 0 7px; ความเป็นมา: #FFFF; โครงร่าง: 0; -Webkit-appearance: ไม่มี} .S_BTN {ความกว้าง: 95px; ความสูง: 32px; padding-top: 2px/9;
-240px; เคอร์เซอร์: ตัวชี้} .s_btn_h {ตำแหน่งพื้นหลัง: -240px -240px} .s_btn_wr {ความกว้าง: 97px; ความสูง: 34px;
-240px;*ตำแหน่ง: สัมพัทธ์; z-index: 0; แนวตั้ง-แนว: top} #lg img {แนวตั้ง-แนว: ด้านบน;
0} #lk Span {font: 14px "安体"} #lm {ความสูง: 60px; line-height: 15px} #lh {margin: 16px
0 5px; การเว้นระยะคำ: 3px} .Tools {ตำแหน่ง: Absolute; Top: -4px;*Top: 10px; ขวา: 7px} #mholder {Width: 62px; ตำแหน่ง: ญาติ; z-index: 296;
Span {color:#00c; เคอร์เซอร์: ค่าเริ่มต้น; แสดง: บล็อก} #MCON .HW {การกำหนดข้อความ: ขีดเส้นใต้; เคอร์เซอร์: ตัวชี้; แสดง: inline-block} #MCON
.pinyin {display: inline-block} #mcon .c-icon-chevron-unfold2 {margin-left: 5px} #mmenu
A {width: 100%; ความสูง: 100%; แสดง: block; line-height: 22px; text-indent: 6px; การกำหนดข้อความ: ไม่มี; ตัวกรอง: ไม่มี/9}#mmenu,#ผู้ใช้
UL {Box-Shadow: 1px 1px 2px #ccc; -moz-box-shadow: 1px 1px 2px #ccc; -webkit-box-shadow: 1px
1PX 2PX #CCC; ตัวกรอง: PROGID: DXIMAGETRANSFORM.MICROSOFT.SHADOW (Strength = 2, Direction = 135, color = "#CCCCCCC")/9} #MMENU {WIDTH: 56PX; Border: 1px
Solid#9b9b9b; list-style: none; ตำแหน่ง: Absolute; Right: 27px; top: 28px; display: none; background: #FFF} #MMENU
A: โฮเวอร์ {พื้นหลัง: #EBEBEB} #MMENU .LN {ความสูง: 1PX; พื้นหลัง: #EBEBEB; ล้น: ซ่อน;
A {color:#666} #SETH {display: none; background: url (#default#homepage)}#setf {display: none} #sekj {margin-left: 14px} #shouji {margin-right: 14px} #u
.last {มาร์จิ้น-ขวา: 0} #U .un {font-weight: bold; margin-right
Solid#9B9B9B} #U li {ความสูง: 25px} #U li a {width: 100%; ความสูง: 25px; สายไฟ: 25px; แสดง: บล็อก; text-allign: ซ้าย;
li a: hover {background: #ebebeb} #u li.nl {border-top: 1px solid #ebebeb} #user_center {ตำแหน่ง: ญาติ; แสดง: inline-block} #user_center
.USER_CENTER_BTN {มาร์จิ้น-ขวา: 5PX} .USERMENU {WIDTH: 64PX; ตำแหน่ง: สัมบูรณ์; ขวา: 7PX; _RIGHT: 2PX; TOP: 15PX; TOP: 14PX/9;*TOP: 15PX;
</style>
<style>
-
สไตล์โลโก้ของฉัน
-
#M {ตำแหน่ง: สัมพัทธ์: 50px 0 0 0 0;}
#NewYeAreve {ความสูง: 15px; ตำแหน่ง: Absolute; Top: 250px; ซ้าย: 130px; Width: 510px;}
#newyeareve li {เคอร์เซอร์: ตัวชี้; ความกว้าง: 20px; ความสูง: 15px; ระยะขอบ: 0 21px 0 0; ลอย: ซ้าย;}
#NewYeAreve .icon-newyear0 {พื้นหลัง: url ("// files.vevb.com/file_images/article/201407/mylove.png"
#NewYeAreve .Month-next {display: none! สำคัญ;}
#NewYeAreve .icon-newyear1 {พื้นหลัง: url ("// files.vevb.com/file_images/article/201407/mylove01.png"
#NewYeAreve li: hover {พื้นหลัง: url ("// files.vevb.com/file_images/article/201407/mylove.gif") ไม่มีการตอบโต้ -0 0; -
#M {ตำแหน่ง: ญาติ;}
#play {ตำแหน่ง: Absolute; Top: 135px; ซ้าย: 348px; Width: 25px; ความสูง: 25px; เคอร์เซอร์: ตัวชี้;}
#NewYeAreve .ICON-NEWYEAR2,#newYeAreve .ICON-NEWYEAR1: โฮเวอร์ {พื้นหลัง: url ("// files.vevb.com/file_images/article/201407/mylove01.png"
#NewYeArkw {สี:#e203a9; ตำแหน่ง: สัมบูรณ์; ด้านบน: 212px; ซ้าย: 135px; ความกว้าง: 300px; ความสูง: 20px; สี:#897883; z-index: 100; font-family: "Microsoft Yahei";
#newyearkw i,#newyearkw img {font-style: ปกติ; ตำแหน่ง: Absolute; width: 20px; ความสูง: 20px; top: 0;}
#NewYeArkw .IMG01 {ซ้าย: 0PX;}
#NewYeArkw .IMG02 {ซ้าย: 180px;}
#NewYeArkw .C1 {สี:#e203a9; ซ้าย: 20px;}
#NewYeArkw .C2 {สี:#e203a9; ซ้าย: 40px;}
#NewYeArkw .C3 {สี:#B60175; ซ้าย: 60PX;}
#NewYeArkw .C4 {สี:#B60175; ซ้าย: 80PX;}
#NewYeArkw .C5 {สี:#f460af; ซ้าย: 100px;}
#NewYeArkw .C6 {สี:#f460af; ซ้าย: 120px;}
#NewYeArkw .C7 {สี:#fd98a5; ซ้าย: 140px;}
#NewYeArkw .C8 {สี:#fec8db; ซ้าย: 160px;}
#NewYeArkw .C9 {สี:#fec8db; ซ้าย: 180px;}
#NewYeArkw .C11 {สี:#fec8db;}
#NewYeArkw .C12 {color:#fec8db;}
#NewYeArkw .C13 {color:#fec8db;}
#NewYeArkw .C14 {color:#fec8db;}
.word-box {ตำแหน่ง: สัมพัทธ์; ความกว้าง: 300px; ความสูง: 20px;}
</style>
<div id = "เนื้อหา">
<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 ภายนอก" 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 = "nofollow ภายนอก" name = "tj_mp3">>
ดนตรี
</a>
<a href = "http://image.baidu.com/" rel = "nofollow ภายนอก" name = "tj_img">
รูปภาพ
</a>
<a href = "http://v.baidu.com/" rel = "nofollow ภายนอก" name = "tj_video">
วิดีโอ
</a>
<a href = "http://map.baidu.com/" rel = "nofollow ภายนอก" name = "tj_map">
แผนที่
</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 = "ปิด"/>
</span>
<อินพุต type = "hidden" name = "rsv_bp" value = "0"/>
<อินพุต type = "hidden" name = "ch" value = ""/>
<อินพุต type = "hidden" name = "tn" value = "sitehao123"/>>
<input type = "hidden" name = "bar" value = ""/>
<อินพุต type = "hidden" name = "rsv_spt" value = "3"/>
<อินพุต type = "hidden" name = "ie" value = "UTF-8"/>
<span>
<input type = "subment" 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>
วิธีการป้อนข้อมูล
</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> รัก </i>
<i> 's </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 [cdata [
var newyeareve = newyeareve || {};
newyeareve.dom = เอกสาร;
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 = [{
คำสำคัญ: "คุณให้ความรู้สึกพิเศษแก่ฉันเมื่อฉันพบกันครั้งแรกในวันที่ 18 พฤษภาคม 2012"
-
คำสำคัญ: "เราอยู่ด้วยกันในวันที่ 5 มิถุนายน 2012 และตั้งแต่นั้นมาวันธรรมดานี้มีความหมายพิเศษสำหรับเรา"
-
คำสำคัญ: "การทะเลาะครั้งแรกเมื่อวันที่ 20 สิงหาคม 2012 ทำให้คุณเศร้าและเสียใจ"
-
คำสำคัญ: "การเดินทางครั้งแรกของ Shangri-La ในวันที่ 1 ตุลาคม 2012"
-
คำสำคัญ: "เราทำต้นคริสต์มาสด้วยกันในวันคริสต์มาสอีฟ 24 ธันวาคม 2555"
-
คำสำคัญ: "ฉันยังให้ดอกกุหลาบในวันวาเลนไทน์แรกในวันที่ 14 กุมภาพันธ์ 2013"
-
คำสำคัญ: "17 มีนาคม 2013 ฉันฉลองวันเกิดครั้งแรกของคุณ"
-
คำสำคัญ: "ฉันมีความสุขมากที่ได้ฉลองวันเด็กด้วยกันในวันที่ 1 มิถุนายน 2013"
-
คำสำคัญ: "ขอบคุณสำหรับปีที่คุณอยู่เคียงข้างคุณในวันครบรอบปีแรกของวันที่ 5 มิถุนายน 2013"
-
คำสำคัญ: "ฉันจะพาคุณไปกินอาหารบ้านเกิดของฉันในวันที่ 4 สิงหาคม 2013 และดูว่าคุณมีช่วงเวลาที่ดี"
-
คำสำคัญ: "ฉันรู้สึกประหม่าเล็กน้อยเมื่อฉันพบพ่อแม่ของคุณครั้งแรกในช่วงกลางฤดูร้อนเมื่อวันที่ 19 กันยายน 2013"
-
คำสำคัญ: "31 ธันวาคม 2013 ฉันหวังว่าฉันจะติดตามคุณเพื่อเฉลิมฉลองปีใหม่ทุกครั้งต่อจากนี้ ... "
-
-
newyeareve.createhtml = function (num) {
var h = '';
var n = 1;
num = num-0;
ถ้า (num <n+1) {
สวิตช์ (num) {
กรณี 0:
h = '<li i = "0">';
หยุดพัก;
กรณีที่ 1:
h = '<li i = "0"> </li> <li i = "1"> </li>';
หยุดพัก;
-
}อื่น{
สำหรับ (var i = 0; i <num-n; i ++) {
h+= '<li i = "'+i+'">';
-
สำหรับ (var i = num-n; i <num+1; i ++) {
var c = 'ไอคอนนิวเยร์'+(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 ();
} อื่น {
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);
}อื่น{
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 = ฟังก์ชั่น (เหตุการณ์) {
var e = event.target || event.srecelement;
var i = e.getAttribute ("i");
ถ้า (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>