>웹 프론트엔드 >JS 튜토리얼 >기술 남성이 소녀에 대한 사랑을 표현하기 위해 사용하는 Baidu 홈페이지_javascript 기술

기술 남성이 소녀에 대한 사랑을 표현하기 위해 사용하는 Baidu 홈페이지_javascript 기술

WBOY
WBOY원래의
2016-05-16 16:41:131424검색

어느 날 문득, 제가 배운 프로그래머의 기술을 활용해 여자친구에게 사랑을 표현한다면 고급스럽고 품격 있지 않을까 하는 생각이 들었습니다.

생각나면 바로 합니다. 호스트 파일을 변경하고, 브라우저의 홈페이지를 제가 직접 디자인한 웹페이지로 변경하는 것입니다.

중국 여학생들은 주로 바이두 홈페이지를 이용하기 때문에 제가 직접 바이두 홈페이지를 복사해두었는데 구체적인 효과는 다음과 같습니다.

고급스러워 보이지 않나요? 물론 결국엔 실패했죠. 프로그래머가 어떻게 여자친구를 가질 수 있겠어요?

하지만 대다수의 디아오시 친구들을 위해 지금 이 코드를 게시하고 있습니다. 한 사람이 성공하더라도 제 장점과 명성을 숨기겠습니다.

hosts 파일을 변경하는 방법은 Baidu를 참고해주세요. 여기서는 자세히 설명하지 않겠습니다.

직접 작성한 바이두 소스코드:

코드 복사 코드는 다음과 같습니다.

<스타일>
 html,body{height:100%}html{overflow-y:auto}#wrapper{position:relative;_position:;min-height:100%}#content{padding-bottom:100px;text-align:center}# ftCon{높이:100px;위치:absolute;bottom:44px;text-align:center;width:100%;margin:0
 auto;z-index:0;overflow:hidden}#ftConw{width:720px;margin:0 자동}
 본문{글꼴:12px arial;text-align:left;배경:#fff}
 body,p,form,ul,li{margin:0;padding:0;list-style:none}
 body,form,#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);배경-반복:no-repeat;_배경-이미지: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)반복 없음 0 0;_배경-이미지:url(http://s1.bdstatic.com/r/www/cache/static/global/img /icons_cfa0bb3b.gif)}.c-icon-triangle-down-blue{배경 위치:-480px
 -24px}.c-icon-chevron-unfold2{배경-위치:-504px -24px}#u{color:#999;padding:4px
 10px 5px 0;text-align:right}#u a{margin:0 5px}#u .reg{margin:0}#m{width:720px;margin:0
 자동}#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{높이:19px;font-size:16px;여백:0
 0 4px;text-align:left;text-indent:137px}.s_ipt_wr{width:468px;height:30px;display:inline-block;margin-right:5px; background-position:0
 -288px;border:1px solid #b6b6b6;border-color:#9a9a9a #cdcdcd #cdcdcd #9a9a9a;vertical-align:top}.s_ipt{width:458px;height:22px;font:14px/22px
 arial;margin:5px 0 0 7px;배경:#fff;개요:0;-webkit-appearance:none}.s_btn{너비:95px;높이:32px;padding-top:2px9;font-size:14px;배경- 색상:#ddd;배경 위치:0
 -240px;cursor:pointer}.s_btn_h{배경 위치:-240px -240px}.s_btn_wr{너비:97px;높이:34px;디스플레이:inline-block;배경 위치:-120px
 -240px;*위치:상대적;z-index:0;vertical-align:top}#lg img{vertical-align:top;margin-bottom:3px}#lk{margin:33px
 0}#lk 범위{font:14px "宋体"}#lm{height:60px;line-height:15px}#lh{margin:16px
 0 5px;word-spacing:3px}.tools{position:absolute;top:-4px;*top:10px;right:7px}#mHolder{width:62px;position:relative;z-index:296;display:none }#mCon{height:18px;line-height:18px;position:absolute;cursor:pointer}#mCon
 스팬{색상:#00c;커서:기본;디스플레이:블록}#mCon .hw{텍스트 장식:밑줄;커서:포인터;디스플레이:inline-block}#mCon
 .pinyin{display:inline-block}#mCon .c-icon-chevron-unfold2{margin-left:5px}#m메뉴
 a{너비:100%;높이:100%;디스플레이:블록;라인 높이:22px;텍스트-인덴트:6px;텍스트-장식:없음;필터:없음9}#m메뉴,#사용자
 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(Strength=2,Direction=135,Color="#cccccc")9}#mMenu{width:56px;border:1px
 단색 #9b9b9b;목록 스타일:없음;위치:절대;오른쪽:27px;위쪽:28px;디스플레이:없음;배경:#fff}#m메뉴
 a:hover{배경:#ebebeb}#m메뉴 .ln{height:1px;배경:#ebebeb;overflow:hidden;font-size:1px;line-height:1px;margin-top:-1px}#cp,# cp
 a{color:#666}#seth{display:none; background:url(#default#homepage)}#setf{display:none}#sekj{margin-left:14px}#shouji{margin-right:14px}# 너
 .last{margin-right:0}#u .un{font-weight:bold;margin-right:5px}#u ul{width:100%;ground:#fff;border:1px
 솔리드 #9b9b9b}#u li{높이:25px}#u li a{너비:100%;높이:25px;라인 높이:25px;디스플레이:블록;텍스트-정렬:왼쪽;텍스트-장식:없음;텍스트- indent:6px;margin:0;filter:none9}#u
 li a:hover{배경:#ebebeb}#u li.nl{border-top:1px solid #ebebeb}#user_center{위치:relative;display:inline-block}#user_center
 .user_center_btn{margin-right:5px}.userMenu{width:64px;position:absolute;right:7px;_right:2px;top:15px;top:14px9;*top:15px;padding-top:4px;display:none ;*배경:#fff}#사용자{위치:상대적;디스플레이:인라인 블록}

<스타일>
    /*
        내 로고样式
    */
    #m{위치: 상대;패딩: 50px 0 0 0;}
     #newYearEve{높이:15px;위치: 절대;상단:250px;왼쪽:130px;너비:510px;}
    #newYearEve li{커서: 포인터;너비:20px;높이:15px;여백:0 21px 0 0;부동산: 왼쪽;}
    #newYearEve .icon-newyear0{배경: url("http://files.jb51.net/file_images/article/201407/mylove.png") 반복 없음 센터 센터;}
    #newYearEve .month-next{display: none!important;}
    #newYearEve .icon-newyear1{배경: url("http://files.jb51.net/file_images/article/201407/mylove01.png") 반복 없음 센터 센터;}
    #newYearEve li:hover{배경: url("http://files.jb51.net/file_images/article/201407/mylove.gif") no-repeat -0 0; }
    #m{위치: 상대;}
    #재생{위치: 절대;위:135px;왼쪽:348px;너비:25px;높이:25px;커서: 포인터;}
    #newYearEve .icon-newyear2,#newYearEve .icon-newyear1:hover{배경: url("http://files.jb51.net/file_images/article/201407/mylove01.png") 반복되지 않는 센터 센터;}
 #newYearKw {color:#e203a9;position:absolute;top:212px;left:135px;width:300px;height:20px;color:#897883;z-index:100;font-family: "微软雅黑";text -align:left;font-weight: 700;font-size: 16px;overflow: hide;}
 #newYearKw  i,#newYearKw  img{font-style: Normal;position:absolute;width:20px;height:20px;top:0;}
 #newYearKw  .img01{왼쪽:0px;}
 #newYearKw  .img02{왼쪽:180px;}
 #newYearKw  .c1{color:#e203a9;left:20px;}
 #newYearKw  .c2{color:#e203a9;왼쪽:40px;}
 #newYearKw  .c3{color:#b60175;왼쪽:60px;}
 #newYearKw  .c4{color:#b60175;왼쪽:80px;}
 #newYearKw  .c5{color:#f460af;왼쪽:100px;}
 #newYearKw  .c6{color:#f460af;왼쪽:120px;}
 #newYearKw  .c7{color:#fd98a5;왼쪽:140px;}
 #newYearKw  .c8{color:#fec8db;left:160px;}
 #newYearKw  .c9{color:#fec8db;left:180px;}
 #newYearKw  .c11{color:#fec8db;}
 #newYearKw  .c12{color:#fec8db;}
 #newYearKw  .c13{color:#fec8db;}
 #newYearKw  .c14{color:#fec8db;}
 .word-box{위치:상대적;너비:300px;높이:20px;}