어느 날 나는 갑자기 생각했다. 내가 여자 친구에게 고백하는 법을 배운 프로그래머 기술을 사용할 수 있다면, 고급, 우아하며 최신 정보가 아닐까요?
나는 그것을 생각하고 즉시한다. 가장 먼저 생각하는 것은 호스트 파일을 변경하고 브라우저의 홈 페이지를 내가 디자인 한 웹 페이지로 변경하는 것입니다.
국내 여학생 학생들은 보통 바이두 홈페이지를 사용하므로 바이두 홈페이지를 모방했으며 특정 효과는 다음과 같습니다.
키가 크고 뛰어난 것처럼 보입니까? 물론, 나는 결국 실패했다. 프로그래머는 어떻게 여자 친구를 가질 수 있습니까?
그러나 실크 친구들의 이익을 위해 이제이 코드를 게시합니다. 한 사람이 성공하더라도 여전히 내 장점과 명성을 숨길 것입니다.
Baidu를 사용하여 호스트 파일을 변경하십시오. 이것은 충분하지 않습니다.
직접 작성한 바이두 소스 코드 :
코드 사본은 다음과 같습니다.
<스타일>
html, body {height : 100%} html {오버 플로우 -y : auto}#wrapper {position; _position :; min-height : 100%}#content {padding-bottom : 100px; 텍스트-정체 : center} #ftcon {높이 : 100px; 위치 : 44px; 텍스트-100%;
auto; z-index : 0; 오버플로 : 숨겨진} #ftconw {너비 : 720px; 마진 : 0 auto}
바디 {font : 12px arial; 텍스트-정렬 : 왼쪽; 배경 : #ffff}
Body, P, Form, Ul, Li {마진 : 0; 패딩 : 0; 목록 스타일 : 없음}
신체, 형태,#fm {위치 : 상대} td {text-align : left} img {border : 0} a {color :#00c} a : active {color :#f60}
.BG {배경-이미지 : url (http://s1.bdstatic.com/r/www/cache/static/global/img/icons_aea40f46.png); Epeat : no-Repeat; _background-image : url (http://s1.bdstatic.com/r/www/cache/static/global/img/icons_cfa0bb3b.gif)}
.c-icon {디스플레이 : 인라인-블록; 너비 : 14px; 높이 : 14px; 수직-부위 : 텍스트-보트 톰; 글꼴 스타일 : 정상; 오버 플로우 : 숨겨진; 배경 : 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)}
-24px} .C-ICON-Chevron-Unfold2 {배경 위치 : -504px -24px} #U {색상 :#999; 패딩 : 4px
10px 5px 0; 텍스트-정렬 : 오른쪽} #ua {마진 : 0 5px} #u .reg {마진 : 0} #m {너비 : 720px; 마진 : 0
auto} #nv a,#nv b, .btn,#lk {font-size : 14px} #fm {padding-left : 130px; text-align : left; z-index : 1} 입력 {Padding : 0} #nv {높이 : 19px; font-size : marzy : 0
0 4px; 텍스트-정렬 : 왼쪽; 텍스트 안정 : 137px} .s_ipt_wr {너비 : 468px; 높이 : 30px; 디스플레이 : 인라인 블록; 마진-오른쪽 : 5px; 배경 위치 : 0
-288px; 테두리 : 1px 솔리드 #b6b6b6; 경계 색상 : #9a9a #cdcdcd #cdcdcd #9a9a9a; vertical-align : top} .s_ipt {너비 : 458px; 높이 : 22px; font : 14px/22px
arial; 마진 : 5px 0 7px; 배경 : #ffff; 개요 : 0; -webkit-Appearance : none} .s_btn {너비 : 95px; 높이 : 32px; 패딩-탑 : 2px/9; 글꼴 크기 : 14px; 배경 표 : #dddd;
-240px; cursor : pointer} .s_btn_h {배경 위치 : -240px -240px} .s_btn_wr {너비 : 97px;
-240px;*위치 : 상대; z-index : 0; vertical-align : top} #lg img {vertical-align : top; margin-bottom : 3px} #lk {마진 : 33px
0} #lk span {font : 14px "安体"} #lm {height : 60px; line-height : 15px} #lh {마진 : 16px
0 5px; Word-spacing : 3px} .Tools {위치 : 절대; 상단 : -4px;*상단 : 10px; 오른쪽 : 7px} #mholder {width : 62px; 위치; z-index : 296; display : none} #mcon {height : 18px; line-height : 18px;
span {color :#00c; cursor : default; display : block} #mcon .hw {text-decoration : 밑줄; 커서 : 포인터; 디스플레이 : inline-block} #mcon
.pinyin {display : inline-block} #mcon .c-iCon-Chevron-unfold2 {margin-left : 5px} #mmenu
a {너비 : 100%; 높이 : 100%; 디스플레이 : 블록; 선-높이 : 22px; 텍스트-안정 : 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 (강도 = 2, Direction = 135, color = "#ccccccc")/9} #mmenu {너비 : 56px; 테두리 : 1px
Solid#9B9B9B; 목록 스타일 : 없음; 위치 : 절대; 오른쪽 : 27px; 상단 : 28px; 디스플레이 : 없음; 배경 : #fff} #mmenu
A : 호버 {배경 : #EBEBEB} #MMENU .LN {높이 : 1px; 배경 : #EBEBEB; 오버플로 : 숨겨진; font-size : 1px; line-height : 1px; margin-top : -1px}#cp,#cp
A {색상 :#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; 마진-오른쪽 : 5px} #u ul {너비 : 100%; 배경 : #fff; 경계 : 1px
Solid#9B9B9B} #U Li {높이 : 25px} #U Li a {너비 : 100%; 높이 : 25px; 라인-리이트 : 25px; 디스플레이 : 블록; 텍스트-정렬 : 왼쪽; 텍스트 설명 : 6px; 마진 : 0; 필터 : 없음/9} #u
Li A : 호버 {배경 : #EBEBEB} #U LI.NL {Border-Top : 1PX Solid #EBEBEB} #user_Center {위치 : 상대; 디스플레이 : inline-block} #user_center
.user_center_btn {margin-right : 5px} .usermenu {width : 64px; 위치 : 절대; 오른쪽; 오른쪽; 오른쪽 : 7px; _right : 2px; top : 15px; top : 14px/9;*top : 15px; 패딩-탑 : 4px; 디스플레이 : 없음;
</스타일>
<스타일>
/*
내 로고 스타일
*/
#M {위치 : 상대; 패딩 : 50px 0 0;}
#Newyeareve {높이 : 15px; 위치 : 절대; 상단 : 250px; 왼쪽 : 130px; 너비 : 510px;}
#Newyeareve li {커서 : 포인터; 너비 : 20px; 높이 : 15px; 마진 : 0 21px 0 0; float : 왼쪽;}
#Newyeareve .icon-newyear0 {background : url ( "// files.vevb.com/file_images/article/201407/mylove.png") No-Repeat Center;}
#Newyeareve .month-next {display : 없음! 중요;}
#Newyeareve .icon-newyear1 {background : url ( "// files.vevb.com/file_images/article/201407/mylove01.png") No-Repeat Center;}
#Newyeareve li : 호버 {배경 : url ( "// files.vevb.com/file_images/article/201407/mylove.gif") No -Repeat -0 0; }
#M {위치 : 상대;}
#play {위치 : 절대; 상단 : 135px; 왼쪽 : 348px; 너비 : 25px; 높이 : 25px; 커서 : 포인터;}
#Newyeareve .icon-newyear2,#newyeareve .icon-newyear1 : hover {back
#NewyeArkw {색상 :#e203a9; 위치 : 절대; 상단; 상단 : 212px; 왼쪽 : 135px; 너비 : 300px; 높이 : 20px; 컬러 :#897883; Z-index : 100; Font-Family : "Microsoft Yahei"; 텍스트-캘리터 : 700; font-syize;
#Newyearkw I,#newyearkw img {font 스타일 : 정상; 위치 : 절대; 너비 : 20px; 높이 : 20px; 상단 : 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 {색상 :#fec8db;}
#NewyearKW .C13 {색상 :#fec8db;}
#NewyearKW .C14 {색상 :#fec8db;}
.word-box {위치 : 상대; 너비 : 300px; 높이 : 20px;}
</스타일>
<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 = "외부 nofollow"name = "tj_zhidao">
알다
</a>
<a href = "http://music.baidu.com/"rel = "외부 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"target = "_ blank">
<span>
<입력 유형 = "text"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>
<입력 유형 = "제출"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>
<i> 바 </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 = [{
키워드 : "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 일 1 주년 기념일에 한 해에 감사드립니다."
}, {
키워드 : "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) {
스위치 (num) {
케이스 0 :
h = '<li i = "0">';
부서지다;
case 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.animate = function () {
if (newyeareve.num <11) {
newyeareve.num ++;
newyeareve.createhtml (this.num);
}
newyeareve.time = settimeout (function () {
if (newyeareve.num <11) {
newyeve.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 = "";
newyeve.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;
newyeve.animate ();
//newyeareve.kw.value= NewYeareve.user || "";
}, 3000)
}
}
newyeve.animate ();
//newyeareve.wordanimate ();
//]]> </script>