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

作者：我家小花儿 | 2024-02-16 09:31:35

踩

666moz.top

“大多数网民上网的入口都是先打开百度，然后再搜索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'})"><img
							src="//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"><input
								type="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=""><span
								class="bg s_ipt_wr iptfocus quickdelete-wrap"><input
								id="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><span
								class="bg s_btn_wr"><input type="submit" id="su"
								value="百度一下" class="bg s_btn"></span><span class="tools"><span
								id="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=""><input
								type="hidden" name="oq" value=""><input type="hidden"
								name="rsv_pq" value="91e93ddd0002e663"><input
								type="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">设置<i
						class="c-icon c-icon-triangle-down"></i></a><a
						href="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><a
						href="http://www.hao123.com" name="tj_trhao123" class="mnav">hao123</a><a
						href="http://map.baidu.com" name="tj_trmap" class="mnav">地图</a><a
						href="http://v.baidu.com" name="tj_trvideo" class="mnav">视频</a><a
						href="http://tieba.baidu.com" name="tj_trtieba" class="mnav">贴吧</a><a
						href="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><a
						href="http://www.baidu.com/gaoji/preferences.html"
						name="tj_settingicon" class="pf">设置</a><a
						href="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><a
				href="http://news.baidu.com/ns?cl=2&rn=20&tn=news&word="
				wdfield="word" onmousedown="return c({'fm':'tab','tab':'news'})">新闻</a><a
				href="http://tieba.baidu.com/f?kw=&fr=wwwt" wdfield="kw"
				onmousedown="return c({'fm':'tab','tab':'tieba'})">贴吧</a><a
				href="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><a
				href="http://music.baidu.com/search?fr=ps&ie=utf-8&key="
				wdfield="key" onmousedown="return c({'fm':'tab','tab':'music'})">音乐</a><a
				href="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><a
				href="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><a
				href="http://map.baidu.com/m?word=&fr=ps01000" wdfield="word"
				onmousedown="return c({'fm':'tab','tab':'map'})">地图</a><a
				href="http://wenku.baidu.com/search?word=&lm=0&od=0&ie=utf-8"
				wdfield="word" onmousedown="return c({'fm':'tab','tab':'wenku'})">文库</a><a
				href="//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><a
							id="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><a
							onmousedown="return ns_c({'fm':'behs','tab':'tj_about'})"
							href="http://home.baidu.com">关于百度</a><a
							onmousedown="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> <a
							href="http://jianyi.baidu.com/" class="cp-feedback"
							onmousedown="return ns_c({'fm':'behs','tab':'tj_homefb'})">意见反馈</a> 京ICP证030173号 <i
							class="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 看看效果，大功告成

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家小花儿/article/detail/92218