기술 남성이 소녀에 대한 사랑을 표현하기 위해 사용하는 Baidu 홈페이지_javascript 기술
어느 날 문득, 제가 배운 프로그래머의 기술을 활용해 여자친구에게 사랑을 표현한다면 고급스럽고 품격 있지 않을까 하는 생각이 들었습니다.
생각나면 바로 합니다. 호스트 파일을 변경하고, 브라우저의 홈페이지를 제가 직접 디자인한 웹페이지로 변경하는 것입니다.
중국 여학생들은 주로 바이두 홈페이지를 이용하기 때문에 제가 직접 바이두 홈페이지를 복사해두었는데 구체적인 효과는 다음과 같습니다.
고급스러워 보이지 않나요? 물론 결국엔 실패했죠. 프로그래머가 어떻게 여자친구를 가질 수 있겠어요?
하지만 대다수의 디아오시 친구들을 위해 지금 이 코드를 게시하고 있습니다. 한 사람이 성공하더라도 제 장점과 명성을 숨기겠습니다.
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;}
스타일>

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











기사는 JavaScript 라이브러리 작성, 게시 및 유지 관리, 계획, 개발, 테스트, 문서 및 홍보 전략에 중점을 둡니다.

이 기사는 브라우저에서 JavaScript 성능을 최적화하기위한 전략에 대해 설명하고 실행 시간을 줄이고 페이지로드 속도에 미치는 영향을 최소화하는 데 중점을 둡니다.

프론트 엔드 개발시 프론트 엔드 열지대 티켓 인쇄를위한 자주 묻는 질문과 솔루션, 티켓 인쇄는 일반적인 요구 사항입니다. 그러나 많은 개발자들이 구현하고 있습니다 ...

기술 및 산업 요구에 따라 Python 및 JavaScript 개발자에 대한 절대 급여는 없습니다. 1. 파이썬은 데이터 과학 및 기계 학습에서 더 많은 비용을 지불 할 수 있습니다. 2. JavaScript는 프론트 엔드 및 풀 스택 개발에 큰 수요가 있으며 급여도 상당합니다. 3. 영향 요인에는 경험, 지리적 위치, 회사 규모 및 특정 기술이 포함됩니다.

이 기사는 브라우저 개발자 도구를 사용하여 효과적인 JavaScript 디버깅, 중단 점 설정, 콘솔 사용 및 성능 분석에 중점을 둡니다.

이 기사는 소스 맵을 사용하여 원래 코드에 다시 매핑하여 미니어링 된 JavaScript를 디버그하는 방법을 설명합니다. 소스 맵 활성화, 브레이크 포인트 설정 및 Chrome Devtools 및 Webpack과 같은 도구 사용에 대해 설명합니다.

동일한 ID로 배열 요소를 JavaScript의 하나의 객체로 병합하는 방법은 무엇입니까? 데이터를 처리 할 때 종종 동일한 ID를 가질 필요가 있습니다 ...

JavaScript는 현대 웹 개발의 초석이며 주요 기능에는 이벤트 중심 프로그래밍, 동적 컨텐츠 생성 및 비동기 프로그래밍이 포함됩니다. 1) 이벤트 중심 프로그래밍을 사용하면 사용자 작업에 따라 웹 페이지가 동적으로 변경 될 수 있습니다. 2) 동적 컨텐츠 생성을 사용하면 조건에 따라 페이지 컨텐츠를 조정할 수 있습니다. 3) 비동기 프로그래밍은 사용자 인터페이스가 차단되지 않도록합니다. JavaScript는 웹 상호 작용, 단일 페이지 응용 프로그램 및 서버 측 개발에 널리 사용되며 사용자 경험 및 크로스 플랫폼 개발의 유연성을 크게 향상시킵니다.
