技术泡妹子二：篡改百度首页，惊呆女神

“大多数网民上网的入口都是先打开百度，然后再搜索xxx,进入，为了给女神惊喜，决定篡改百度首页让女神惊呆，当然不是黑了百度，目前没这个实力，但是我们可以修改host文件，将www.baidu.com 指向自己的机器，或者你自己的云端服务器，然后当女神打开百度的时候就会打开你做好的网页了，她会惊讶的，哈哈哈。

效果如下：

看具体步骤

一、修改host文件

文件目录：C:\Windows\System32\drivers\etc

在最后加上一句：

127.0.0.1 www.baidu.com

127.0.0.1 也可换成你自己的服务器，这个时候就已经将百度指定到自己的机器上了，你再打开百度应该是打不开了

二、制作自己的网页

我这里自己用ps修改了百度的logo，找了一个表白的图片，将女友的名字，和想说的话p在了图片上，Dian，I love you

可以打开百度，Ctrl + S 保存网页，然后在修改文件的图片即可，这里我已经修改好了，可以直接复制用了。

还加了一点小修改，将想说的话轮流显示在搜索框中

index.html

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta content="always" name="referrer">
<meta name="theme-color" content="#2932e1">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="search" type="application/opensearchdescription+xml"href="/content-search.xml" title="百度搜索">
<link rel="icon" sizes="any" mask=""href="//www.baidu.com/img/baidu.svg">
<link rel="dns-prefetch" href="//s1.bdstatic.com">
<link rel="dns-prefetch" href="//t1.baidu.com">
<link rel="dns-prefetch" href="//t2.baidu.com">
<link rel="dns-prefetch" href="//t3.baidu.com">
<link rel="dns-prefetch" href="//t10.baidu.com">
<link rel="dns-prefetch" href="//t11.baidu.com">
<link rel="dns-prefetch" href="//t12.baidu.com">
<link rel="dns-prefetch" href="//b1.bdstatic.com">
<title>百度一下，你就知道</title>
<style index="index" id="css_index">
html,body {height: 100%
}html {overflow-y: auto
}body {font: 12px arial;text-align:;background: #fff
}body,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
}input {border: 0;padding: 0
}#wrapper {position: relative;_position:;min-height: 100%
}#head {padding-bottom: 100px;text-align: center;*z-index: 1
}#ftCon {height: 100px;position: absolute;bottom: 44px;text-align: left;width: 100%;margin: 0 auto;z-index: 0;overflow: hidden
}.ftCon-Wrapper {overflow: hidden;width: 640px;margin: 0 auto
}#qrcode {float: left;margin-top: 4px
}#qrcode .qrcode-item {float: left
}#qrcode .qrcode-item-2 {margin-left: 33px
}#qrcode .qrcode-img {float: left;width: 60px;height: 60px
}#qrcode .qrcode-item-1 .qrcode-img {background:url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/qrcode/zbios_62c636fe.png)0 0 no-repeat
}#qrcode .qrcode-item-2 .qrcode-img {background:url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/qrcode/nuomi_510f7472.png)0 0 no-repeat
}@media only screen and (-webkit-min-device-pixel-ratio:2) {#qrcode .qrcode-item-1 .qrcode-img {background-image:url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/qrcode/zbios_x2_298f96c5.png);background-size: 60px 60px}#qrcode .qrcode-item-2 .qrcode-img {background-image:url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/qrcode/nuomi_x2_de75d5db.png);background-size: 60px 60px}
}#qrcode .qrcode-text {float: left;color: #999;line-height: 23px;margin: 8px 0 0 10px
}#qrcode .qrcode-text p {text-align: left
}#qrcode .qrcode-text b {color: #4c4c4c;font-weight: bold
}#qrcode .qrcode-text span {letter-spacing: 1px
}#ftConw {float: right
}.bg {background-image:url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/global/img/icons_8b5b2ea9.png);background-repeat: no-repeat;_background-image:url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/global/img/icons_81a50fb1.gif)
}.c-icon {display: inline-block;width: 14px;height: 14px;vertical-align: text-bottom; font-style normal;overflow: hidden;background:url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/global/img/icons_8b5b2ea9.png)no-repeat 0 0;_background-image:url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/global/img/icons_81a50fb1.gif)
}.c-icon-triangle-down-blue {background-position: -480px -168px
}.c-icon-chevron-unfold2 {background-position: -504px -168px
}#m {width: 720px;margin: 0 auto
}#nv a,#nv b,.btn,#lk {font-size: 14px
}#nv {height: 19px;font-size: 16px;margin: 0 0 4px;text-align: left;text-indent: 137px
}.s_btn {width: 95px;height: 32px;padding-top: 2px\9;font-size: 14px;background-color: #ddd;background-position: 0 -48px;cursor: pointer
}.s_btn_h {background-position: -240px -48px
}.s_btn_wr {width: 97px;height: 34px;display: inline-block;background-position: -120px -48px;*position: relative;z-index: 0;vertical-align: top
}#cp,#cp a {color: #666
}#cp .c-icon-icrlogo {width: 14px;height: 17px;display: inline-block;overflow: hidden;background:url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/global/img/icons_8b5b2ea9.png)no-repeat;_background-image:url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/global/img/icons_81a50fb1.gif);background-position: -600px -96px;position: relative;top: 3px
}#shouji {margin-right: 14px
}#u {display: none
}#c-tips-container {display: none
}#wrapper {min-width: 810px;height: 100%;min-height: 600px
}#head {position: relative;padding-bottom: 0;height: 100%;min-height: 600px
}#head .head_wrapper {height: 100%
}#m {position: relative
}#fm {padding-left: 40px;top: -37px
}#lh {margin: 16px 0 5px
}#lh a {color: #272727;margin-right: 20px
}#lk {position: absolute;display: none;top: 0;right: 0;margin: 33px 0
}#lk span {font: 14px "宋体"
}#nv {position: absolute;display: none;top: 0;right: 0
}#lm {color: #666;width: 100%;height: 60px;margin-top: 60px;line-height: 15px;font-size: 13px;position: absolute;top: 0;left: 0
}#lm a {color: #666
}#pad-version {line-height: 40px
}.s_ipt_wr.bg,.s_btn_wr.bg,#su.bg {background-image: none
}.s_btn_wr {width: auto;height: auto;border-bottom: 1px solid transparent;*border-bottom: 0
}.s_btn {width: 100px;height: 36px;color: white;font-size: 15px;letter-spacing: 1px;background: #3385ff;border-bottom: 1px solid #2d78f4;outline: medium;*border-bottom: 0;-webkit-appearance: none;-webkit-border-radius: 0
}.s_btn.btnhover {background: #317ef3;border-bottom: 1px solid #2868c8;*border-bottom: 0;box-shadow: 1px 1px 1px #ccc
}.s_btn_h {background: #3075dc;box-shadow: inset 1px 1px 5px #2964bb;-webkit-box-shadow: inset 1px 1px 5px #2964bb;-moz-box-shadow: inset 1px 1px 5px #2964bb;-o-box-shadow: inset 1px 1px 5px #2964bb
}#result_logo {display: none
}#index_logo img {display: inline-block;width: 270px;height: 129px
}#s_tab {display: none
}.s_form {position: relative;top: 38.2%
}.s_form_wrapper {position: relative;top: -191px
}.s_ipt_wr {height: 34px
}#head .c-icon-bear-round {display: none
}#form {margin: 22px auto 0;width: 641px;text-align: left;z-index: 100
}#form .bdsug,#fm .bdsug {top: 35px
}.bdsug {display: none;position: absolute;width: 538px;background: #fff;border: 1px solid #ccc;_overflow: hidden;box-shadow: 1px 1px 3px #ededed;-webkit-box-shadow: 1px 1px 3px #ededed;-moz-box-shadow: 1px 1px 3px #ededed;-o-box-shadow: 1px 1px 3px #ededed
}.bdsug.bdsugbg ul {background:url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/sugbg_6a9201c2.png)100% 100% no-repeat;background-size: 100px 110px;background-image:url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/sugbg_d24a0811.gif)\9
}.bdsug li {width: 522px;color: #000;font: 14px arial;line-height: 25px;padding: 0 8px;position: relative;cursor: default
}.bdsug li.bdsug-s {background: #f0f0f0
}.bdsug-store span,.bdsug-store b {color: #7a77c8
}.bdsug-store-del {font-size: 12px;color: #666;text-decoration: underline;position: absolute;right: 8px;top: 0;cursor: pointer;display: none
}.bdsug-s .bdsug-store-del {display: inline-block
}.bdsug-ala {display: inline-block;border-bottom: 1px solid #e6e6e6
}.bdsug-ala h3 {line-height: 14px;background: url(//www.baidu.com/img/sug_bd.png) no-repeat left center;margin: 8px 0 5px 0;font-size: 12px;font-weight: normal;color: #7b7b7b;padding-left: 20px
}.bdsug-ala p {font-size: 14px;font-weight: bold;padding-left: 20px
}.bdsug .bdsug-direct {width: auto;padding: 0;border-bottom: 1px solid #f1f1f1
}.bdsug .bdsug-direct p {color: #00c;font-weight: bold;line-height: 34px;padding: 0 8px;cursor: pointer;white-space: nowrap;overflow: hidden
}.bdsug .bdsug-direct p img {width: 16px;height: 16px;margin: 7px 6px 9px 0;vertical-align: middle
}.bdsug .bdsug-direct p span {margin-left: 8px
}.bdsug .bdsug-direct p i {font-size: 12px;line-height: 100%;font-style: normal;font-weight: normal;color: #fff;background-color: #2b99ff;display: inline;text-align: center;padding: 1px 5px;*padding: 2px 5px 0 5px;margin-left: 8px;overflow: hidden
}.bdsug .bdsug-pcDirect {color: #000;font-size: 14px;line-height: 30px;height: 30px;background-color: #f8f8f8
}.bdsug .bdsug-pc-direct-tip {position: absolute;right: 15px;top: 8px;width: 55px;height: 15px;display: block;background:url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/global/img/pc_direct_ffda303e.png)no-repeat 0 0
}.bdsug li.bdsug-pcDirect-s {background-color: #f0f0f0
}.bdsug .bdsug-pcDirect-is {color: #000;font-size: 14px;line-height: 22px;background-color: #f8f8f8
}.bdsug .bdsug-pc-direct-tip-is {position: absolute;right: 15px;top: 3px;width: 55px;height: 15px;display: block;background:url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/global/img/pc_direct_ffda303e.png)no-repeat 0 0
}.bdsug li.bdsug-pcDirect-is-s {background-color: #f0f0f0
}.bdsug .bdsug-pcDirect-s .bdsug-pc-direct-tip,.bdsug .bdsug-pcDirect-is-s .bdsug-pc-direct-tip-is{background-position: 0 -15px
}.bdsug .bdsug-newicon {color: #929292;opacity: .7;font-size: 12px;display: inline-block;line-height: 22px;letter-spacing: 2px
}.bdsug .bdsug-s .bdsug-newicon {opacity: 1
}.bdsug .bdsug-newicon i {letter-spacing: 0;font-style: normal
}.toggle-underline {text-decoration: none
}.toggle-underline:hover {text-decoration: underline
}.tools {position: absolute;right: -75px
}#mHolder {width: 62px;position: relative;z-index: 296;display: none
}#mCon {height: 18px;line-height: 18px;position: absolute;cursor: pointer
}#mCon span {color: #00c;cursor: default;display: block;width: 24px
}#mCon .hw {text-decoration: underline;cursor: pointer;display: inline-block
}#mCon .pinyin {display: inline-block
}#mCon .c-icon-chevron-unfold2 {margin-left: 5px
}#mMenu a {width: 100%;height: 100%;display: block;line-height: 22px;text-indent: 6px;text-decoration: none;filter: none\9
}#mMenu,#user 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 solid #9b9b9b;list-style: none;position: absolute;right: 27px;top: 28px;display: none;background: #fff
}#mMenu a:hover {background: #ebebeb
}#mMenu .ln {height: 1px;background: #ebebeb;overflow: hidden;font-size: 1px;line-height: 1px;margin-top: -1px
}#u1 a:link,#u1 a:visited {color: #666;text-decoration: none
}#u1 a:hover,#u1 a:active {text-decoration: underline
}#u1 a:active {color: #00c
}#u1 {z-index: 2;color: white;position: absolute;right: 0;top: 0;margin: 19px 0 5px 0;padding: 0 96px 0 0
}#u1 .reg {display: none
}#u1 a.pf,#u1 a.pf:visited {display: inline-block;float: left;color: #333;line-height: 24px;font-size: 13px;margin-left: 20px;overflow: hidden;text-decoration: underline
}#u1 a.lb,#u1 a.lb:visited,#u1 a.username {display: inline-block;float: left;color: #333;font-size: 13px;line-height: 24px;margin-left: 20px;text-decoration: underline
}#u1 a.bri,#u1 a.bri:visited {display: inline-block;position: absolute;right: 10px;width: 60px;height: 23px;float: left;color: white;background: #38f;line-height: 24px;font-size: 13px;text-align: center;overflow: hidden;border-bottom: 1px solid #38f;margin-left: 19px;margin-right: 2px
}#u1 a.bri.brihover {display: none;text-decoration: none;color: #333;background: 0;border-bottom: 1px solid transparent;margin-left: 19px
}#u1 #lm a {color: #00c;text-decoration: underline
}#u1 a.mnav,#u1 a.mnav:visited {float: left;color: #333;font-weight: bold;line-height: 24px;margin-left: 20px;font-size: 13px;text-decoration: underline
}#u1 a.pf:hover,#u1 a.lb:hover,#u1 a.mnav:hover {color: #00c
}.briiconsbg {background-repeat: no-repeat;background-size: 300px 18px;background-image:url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/icons_c3b33b92.png);background-image:url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/icons_0a1fc6ac.gif)\9
}.bdpfmenu {background-color: #fff;border: 1px solid #d1d1d1;position: absolute;right: 160px;width: 68px;top: 36px;margin-top: -1px;_margin-top: -3px;z-index: 2;box-shadow: 1px 1px 5px #d1d1d1;-webkit-box-shadow: 1px 1px 5px #d1d1d1;-moz-box-shadow: 1px 1px 5px #d1d1d1;-o-box-shadow: 1px 1px 5px #d1d1d1
}.bdpfmenu a {display: block;text-align: left;margin: 0 !important;padding: 0 9px;line-height: 26px;text-decoration: none
}#wrapper .bdpfmenu a:link,#wrapper .bdpfmenu a:visited {background: white;color: #333
}#wrapper .bdpfmenu a:hover,#wrapper .bdpfmenu a:active {background: #38f;text-decoration: none;color: white
}#wrapper .bdnuarrow {width: 0;height: 0;font-size: 0;line-height: 0;display: block;position: absolute;top: -10px;left: 50%;margin-left: -5px
}#wrapper .bdnuarrow em,#wrapper .bdnuarrow i {width: 0;height: 0;font-size: 0;line-height: 0;display: block;position: absolute;border: 5px solid transparent;border-style: dashed dashed solid dashed
}#wrapper .bdnuarrow em {border-bottom-color: #d8d8d8;top: -1px
}#wrapper .bdnuarrow i {border-bottom-color: #fff;top: 0
}.s-isindex-wrap #wrapper .bdnuarrow {height: 13px;background:url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/icons_c3b33b92.png)no-repeat -90px -1px
}#wrapper .bdnuarrow.bdbriarrow {right: 104px;display: none !important
}#wrapper .bdbri {width: 85px;min-height: 100px;border-left: 1px solid #e7e7e7;position: absolute;background-color: #f9f9f9;overflow: hidden;z-index: 2;right: 0;top: 0
}#prefpanel {background: #fafafa;display: none;opacity: 0;position: fixed;_position: absolute;top: -359px;z-index: 1000;width: 100%;min-width: 960px;border-bottom: 1px solid #ebebeb
}#prefpanel form {_width: 850px
}#wrapper .bdbriimgtitle {color: #333;text-align: center;width: 66px;height: 43px;line-height: 43px;padding-top: 9px;margin: 0 auto;border-bottom: #f0f0f0 1px solid;font-size: 13px;cursor: default
}#wrapper .briscrollwrapper {overflow: hidden
}#wrapper .briscrollwrapperContainer {position: relative
}#wrapper .bdbri.bdbriimg .bdmainlink a,#wrapper .bdbri.bdbriimg .bdothlink a{display: block;text-align: center;width: 66px;height: 76px;margin: 0 auto;border-bottom: #f0f0f0 1px solid;color: #666;text-decoration: none;overflow: hidden
}#wrapper .bdbri.bdbriimg .bdmainlink a:visited,#wrapper .bdbri.bdbriimg .bdothlink a:visited{color: #666
}#wrapper .bdbri.bdbriimg .bdmainlink a:hover,#wrapper .bdbri.bdbriimg .bdothlink a:hover{color: #666;text-decoration: underline
}#wrapper .bdbri.bdbriimg .bdmainlink a:active,#wrapper .bdbri.bdbriimg .bdothlink a:active{color: #00c;text-decoration: underline
}#wrapper .bdbri.bdbriimg span {width: 36px;height: 36px;display: block;margin: 10px auto 5px;background:url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/logos/bdbri_icons_2e35e84b.png)no-repeat;cursor: pointer
}#wrapper .bdbri.bdbriimg .bdbrimore,#wrapper .bdbri.bdbriimg .bdbrievenmore{clear: both;text-align: center
}#wrapper .bdbri.bdbriimg .bdbrievenmore {margin-top: 15px;height: 30px;width: 85px;overflow: hidden
}#wrapper .bdbri.bdbriimg span.bdbriimgitem_1 {background-position: 0 0
}#wrapper .bdbri.bdbriimg span.bdbriimgitem_2 {background-position: -36px 0
}#wrapper .bdbri.bdbriimg span.bdbriimgitem_3 {width: 40px;background-position: -72px 0
}#wrapper .bdbri.bdbriimg span.bdbriimgitem_4 {background-position: -112px 0
}#wrapper .bdbri.bdbriimg span.bdbriimgitem_5 {background-position: -148px 0
}#wrapper .bdbri.bdbriimg span.bdbriimgitem_6 {background-position: -184px 0
}#wrapper .bdbri.bdbriimg span.bdbriimgitem_7 {background-position: -220px 0
}#wrapper .bdbri.bdbriimg .bdbrievenmore a:link,#wrapper .bdbri.bdbriimg .bdbrievenmore a:visited{color: #666;text-decoration: underline
}#wrapper .bdbri.bdbriimg .bdbrievenmore a:hover {color: #666;text-decoration: underline
}#wrapper .bdbri.bdbriimg .bdbrievenmore a:active {color: #00c
}.bdbriscroll-ctrl-scroll {position: absolute;top: 10px;right: 1px;width: 8px;border-top: 1px solid #e4e4e4;border-left: 1px solid #e4e4e4;cursor: default;-webkit-user-select: none;-moz-user-select: none
}.bdbriscroll-ctrl-scroll .bdbriscroll-axis {width: 8px;left: 0;z-index: 0;position: absolute;background: #f2f2f2
}.bdbriscroll-ctrl-scroll-touch .bdbriscroll-axis {width: 7px;background: #f2f2f2
}.bdbriscroll-ctrl-scroll-hover .bdbriscroll-axis {background: #f2f2f2
}.bdbriscroll-ctrl-scroll .bdbriscroll-slider {overflow: hidden;width: 7px;height: 14px;position: absolute;left: 0;z-index: 10;display: none;background: #d9d9d9;margin-top: -1px;margin-left: -1px;border-right: 1px solid #cecece;border-bottom: 1px solid #cecece;cursor: default
}.bdbriscroll-ctrl-scroll-touch .bdbriscroll-slider,.bdbriscroll-ctrl-scroll-hover .bdbriscroll-slider{background: #b8b8b8;border-right: 1px solid #afafaf;border-bottom: 1px solid #afafaf
}
</style>
<!--[if lte IE 8]><style index="index" >.s_form{top:260px}</style><![endif]-->
<!--[if IE 8]><style index="index" >#u1 a.mnav,#u1 a.mnav:visited,#u1 a.lb,#u1 a.lb:visited,#u1 a.pf,#u1 a.pf:visited,#u1 a.bri,#u1 a.bri:visited{font-family:simsun}</style><![endif]-->
<style data-for="debug">
#debug {display: none !important
}
</style>
<style data-for="result" id="css_index_result">
#seth {display: none;behavior: url(#default#homepage)
}#setf {display: none
}#sekj {margin-left: 14px
}#st,#sekj {display: none
}.s_ipt_wr {border: 1px solid #b6b6b6;border-color: #7b7b7b #b6b6b6 #b6b6b6 #7b7b7b;background: #fff;display: inline-block;vertical-align: top;width: 539px;margin-right: 0;border-right-width: 0;border-color: #b8b8b8 transparent #ccc #b8b8b8;overflow: hidden
}.wrapper_s .s_ipt_wr {width: 439px
}.wrapper_s .s_ipt {width: 434px
}.wrapper_s .s_ipt_tip {width: 434px
}.s_ipt_wr:hover,.s_ipt_wr.ipthover {border-color: #999 transparent #b3b3b3 #999
}.s_ipt_wr.iptfocus {border-color: #4791ff transparent #4791ff #4791ff
}.s_ipt_tip {color: #aaa;position: absolute;z-index: -10;font: 16px/22px arial;height: 32px;line-height: 32px;padding-left: 7px;overflow: hidden;width: 526px
}.s_ipt {width: 526px;height: 22px;font: 16px/18px arial;line-height: 22px\9;margin: 6px 0 0 7px;padding: 0;background: transparent;border: 0;outline: 0;-webkit-appearance: none
}#kw {position: relative
}#u .username i {background-position: -408px -144px
}.bdpfmenu,.usermenu {border: 1px solid #d1d1d1;position: absolute;width: 105px;top: 36px;z-index: 302;box-shadow: 1px 1px 5px #d1d1d1;-webkit-box-shadow: 1px 1px 5px #d1d1d1;-moz-box-shadow: 1px 1px 5px #d1d1d1;-o-box-shadow: 1px 1px 5px #d1d1d1
}.bdpfmenu {font-size: 12px;background-color: #fff
}.bdpfmenu a,.usermenu a {display: block;text-align: left;margin: 0 !important;padding: 0 9px;line-height: 26px;text-decoration: none
}.briiconsbg {background-repeat: no-repeat;background-size: 300px 18px;background-image:url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/icons_c3b33b92.png);background-image:url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/icons_0a1fc6ac.gif)\9
}#u {z-index: 301;position: absolute;right: 0;top: 0;margin: 21px 9px 5px 0;padding: 0
}.wrapper_s #u {margin-right: 3px
}#u a {text-decoration: underline;color: #333;margin: 0 7px
}.wrapper_s #u a {margin-right: 0 6px
}#u div a {text-decoration: none
}#u a:hover {text-decoration: underline
}#u .back_org {color: #666;float: left;display: inline-block;height: 24px;line-height: 24px
}#u .bri {display: inline-block;width: 24px;height: 24px;float: left;line-height: 24px;color: transparent;background:url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/icons_c3b33b92.png)no-repeat 4px 3px;background-size: 300px 18px;background-image:url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/icons_0a1fc6ac.gif)\9;overflow: hidden
}#u .bri:hover,#u .bri.brihover {background-position: -18px 3px
}#mCon #imeSIcon {background-position: -408px -144px;margin-left: 0
}#mCon span {color: #333
}.bdpfmenu a:link,.bdpfmenu a:visited,#u .usermenu a:link,#u .usermenu a:visited{background: white;color: #333
}.bdpfmenu a:hover,.bdpfmenu a:active,#u .usermenu a:hover,#u .usermenu a:active{background: #38f;text-decoration: none;color: white
}.bdpfmenu {width: 70px
}.usermenu {width: 68px;right: 8px
}#wrapper .bdnuarrow {width: 0;height: 0;font-size: 0;line-height: 0;display: block;position: absolute;top: -10px;left: 50%;margin-left: -5px
}#wrapper .bdnuarrow em,#wrapper .bdnuarrow i {width: 0;height: 0;font-size: 0;line-height: 0;display: block;position: absolute;border: 5px solid transparent;border-style: dashed dashed solid dashed
}#wrapper .bdnuarrow em {border-bottom-color: #d8d8d8;top: -1px
}#wrapper .bdnuarrow i {border-bottom-color: #fff;top: 0
}#prefpanel {background: #fafafa;display: none;opacity: 0;position: fixed;_position: absolute;top: -359px;z-index: 500;width: 100%;min-width: 960px;border-bottom: 1px solid #ebebeb
}#prefpanel form {_width: 850px
}#kw_tip {cursor: default;display: none;margin-top: 1px
}#bds-message-wrapper {top: 43px
}.quickdelete-wrap {position: relative
}.quickdelete-wrap input {width: 500px
}.wrapper_l .quickdelete-wrap input {width: 500px
}.wrapper_s .quickdelete-wrap input {width: 402px
}input::-ms-clear {display: none
}.quickdelete {width: 32px;height: 32px;background:url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/global/img/quickdelete_9c14b01a.png)no-repeat;background-position: 10px 10px;position: absolute;display: block
}.quickdelete:hover {background-position: 10px -24px
}
</style>
<!--[if IE 8]><style index="index" >.s_ipt{background-color:#FFF}</style><![endif]-->
<script>function h(obj) {obj.style.behavior = 'url(#default#homepage)';var a = obj.setHomePage('//www.baidu.com/');}
</script>
<noscript><meta http-equiv="refresh" content="0;url=/baidu.html?from=noscript"/></noscript>
<script>window._ASYNC_START = new Date().getTime();
</script>
<style type="text/css" media="screen">
#swfEveryCookie {visibility: hidden
}
</style>
</head>
<body link="#0000cc"><div id="wrapper" style="display: block;"><div id="head"><div class="head_wrapper"><div class="s_form"><div class="s_form_wrapper"><div id="lg"><img hidefocus="true"src="http://tianox.oss-cn-shanghai.aliyuncs.com/images/other/logo_baidu_1.png?Expires=1484791261&OSSAccessKeyId=33uJ6Rq7ksNqdQH0&Signature=IXtFN2Dx/krvEYZ/eYFZ0BcAIwk%3D"width="270" height="129"></div><a href="/" id="result_logo"onmousedown="return c({'fm':'tab','tab':'logo'})"><imgsrc="//www.baidu.com/img/baidu_jgylogo3.gif" alt="到百度首页"title="到百度首页"></a><form id="form" name="f" action="http://www.baidu.com/s" class="fm"><input type="hidden" name="ie" value="utf-8"><inputtype="hidden" name="f" value="8"><input type="hidden"name="rsv_bp" value="0"><input type="hidden"name="rsv_idx" value="1"><input type="hidden" name="ch"value=""><input type="hidden" name="tn"value="94605351_hao_pg"><input type="hidden" name="bar"value=""><spanclass="bg s_ipt_wr iptfocus quickdelete-wrap"><inputid="kw" name="wd" class="s_ipt" value="" maxlength="255"autocomplete="off"><a href="javascript:;"id="quickdelete" title="清空" class="quickdelete"style="top: 0px; right: 0px; display: none;"></a></span><spanclass="bg s_btn_wr"><input type="submit" id="su"value="百度一下" class="bg s_btn"></span><span class="tools"><spanid="mHolder"><div id="mCon"><span>输入法</span></div><ul id="mMenu"><li><a href="javascript:;" name="ime_hw">手写</a></li><li><a href="javascript:;" name="ime_py">拼音</a></li><li class="ln"></li><li><a href="javascript:;" name="ime_cl">关闭</a></li></ul></span></span><input type="hidden" name="rn" value=""><inputtype="hidden" name="oq" value=""><input type="hidden"name="rsv_pq" value="91e93ddd0002e663"><inputtype="hidden" name="rsv_t"value="915edsaJIyDM8VYTPtgFynI0s5bIzqcDtWGcpawWa4HjEA31pFcAADqkSqx9bOJWpFPwRss5"></form><div id="m"></div></div></div><div id="u"><a class="toindex" href="/">百度首页</a><a href="javascript:;"name="tj_settingicon" class="pf">设置<iclass="c-icon c-icon-triangle-down"></i></a><ahref="https://passport.baidu.com/v2/?login&tpl=mn&u=http%3A%2F%2Fwww.baidu.com%2F"name="tj_login" class="lb" onclick="return false;">登录</a></div><div id="u1"><a href="http://www.nuomi.com/?cid=002540" name="tj_trnuomi"class="mnav">糯米</a><a href="http://news.baidu.com"name="tj_trnews" class="mnav">新闻</a><ahref="http://www.hao123.com" name="tj_trhao123" class="mnav">hao123</a><ahref="http://map.baidu.com" name="tj_trmap" class="mnav">地图</a><ahref="http://v.baidu.com" name="tj_trvideo" class="mnav">视频</a><ahref="http://tieba.baidu.com" name="tj_trtieba" class="mnav">贴吧</a><ahref="https://passport.baidu.com/v2/?login&tpl=mn&u=http%3A%2F%2Fwww.baidu.com%2F"name="tj_login" class="lb" onclick="return false;">登录</a><ahref="http://www.baidu.com/gaoji/preferences.html"name="tj_settingicon" class="pf">设置</a><ahref="http://www.baidu.com/more/" name="tj_briicon" class="bri"style="display: block;">更多产品</a></div></div></div><div class="s_tab" id="s_tab"><b>网页</b><ahref="http://news.baidu.com/ns?cl=2&rn=20&tn=news&word="wdfield="word" onmousedown="return c({'fm':'tab','tab':'news'})">新闻</a><ahref="http://tieba.baidu.com/f?kw=&fr=wwwt" wdfield="kw"onmousedown="return c({'fm':'tab','tab':'tieba'})">贴吧</a><ahref="http://zhidao.baidu.com/q?ct=17&pn=0&tn=ikaslist&rn=10&word=&fr=wwwt"wdfield="word" onmousedown="return c({'fm':'tab','tab':'zhidao'})">知道</a><ahref="http://music.baidu.com/search?fr=ps&ie=utf-8&key="wdfield="key" onmousedown="return c({'fm':'tab','tab':'music'})">音乐</a><ahref="http://image.baidu.com/search/index?tn=baiduimage&ps=1&ct=201326592&lm=-1&cl=2&nc=1&ie=utf-8&word="wdfield="word" onmousedown="return c({'fm':'tab','tab':'pic'})">图片</a><ahref="http://v.baidu.com/v?ct=301989888&rn=20&pn=0&db=0&s=25&ie=utf-8&word="wdfield="word" onmousedown="return c({'fm':'tab','tab':'video'})">视频</a><ahref="http://map.baidu.com/m?word=&fr=ps01000" wdfield="word"onmousedown="return c({'fm':'tab','tab':'map'})">地图</a><ahref="http://wenku.baidu.com/search?word=&lm=0&od=0&ie=utf-8"wdfield="word" onmousedown="return c({'fm':'tab','tab':'wenku'})">文库</a><ahref="//www.baidu.com/more/"onmousedown="return c({'fm':'tab','tab':'more'})">更多»</a></div><div id="ftCon"><div class="ftCon-Wrapper"><div id="ftConw"><p id="lh"><a id="seth" onclick="h(this)" href="/"onmousedown="return ns_c({'fm':'behs','tab':'homepage','pos':0})">把百度设为主页</a><aid="setf" href="//www.baidu.com/cache/sethelp/help.html"onmousedown="return ns_c({'fm':'behs','tab':'favorites','pos':0})"target="_blank" style="display: inline;">把百度设为主页</a><aonmousedown="return ns_c({'fm':'behs','tab':'tj_about'})"href="http://home.baidu.com">关于百度</a><aonmousedown="return ns_c({'fm':'behs','tab':'tj_about_en'})"href="http://ir.baidu.com">About  Baidu</a></p><p id="cp">©2015 Baidu <a href="http://www.baidu.com/duty/"onmousedown="return ns_c({'fm':'behs','tab':'tj_duty'})">使用百度前必读</a> <ahref="http://jianyi.baidu.com/" class="cp-feedback"onmousedown="return ns_c({'fm':'behs','tab':'tj_homefb'})">意见反馈</a> 京ICP证030173号 <iclass="c-icon-icrlogo"></i></p></div><div id="qrcode"><div class="qrcode-item qrcode-item-1"><div class="qrcode-img"></div><div class="qrcode-text"><p><b>手机百度</b></p><p><span>快人一步</span></p></div></div><div class="qrcode-item qrcode-item-2"><div class="qrcode-img"></div><div class="qrcode-text"><p><b>百度糯米</b></p><p><span>一毛大餐</span></p></div></div></div></div></div></div></body>
<script src="http://cdn.bootcss.com/jquery/1.10.1/jquery.min.js"></script>
<script>$(function(){var kwarr = new Array("亲爱的宝宝，我要让全世界都知道，我爱你","希望你永远幸福");//$("#kw").val(kwarr[0]);var i = 0;setInterval(function(){$("#kw").val(kwarr[i]);if(i>=kwarr.length-1){i=0;}else{i++;}console.log(i);},5000);});
</script>
</html>

第1424行是你需要替换的图片

第1563行是你需要替换的话语

三、将网页放入服务器

将index.html 放入服务器的默认目录下，将服务器的端口改为80，保证你在host配置的如127.0.0.1 能直接访问到

比如放入tomcat 的ROOT目录下, 启动服务器，再用浏览器输入www.baidu.com 看看效果，大功告成