<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="icon" href="img/icon.jpg" type="image/x-icon" />
<title>百度一下，你就知道</title>
<link rel="stylesheet" href="css/Baidu.css" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<style>
.my_attention {
position: relative;
top: 8px;
width: 20px;
height: 18px;
background: url(img/icon.png) no-repeat -46px -55px;
}
.setting {
width: 20px;
height: 29px;
line-height: 29px;
}
.my_set {
width: 20px;
height: 29px;
line-height: 29px;
position: relative;
left: 869px;
background: url(img/icon.png) no-repeat -120px -43px;
cursor: pointer;
}
.my_set:hover {
width: 20px;
height: 29px;
line-height: 29px;
background: url(img/icon.png) no-repeat -120px -67px;
}
.att_img {
display: inline-block;
width: 341px;
height: 40px;
background: url(img/all_blank_07895b96.png) no-repeat;
}
.sign {
width: 20px;
height: 20px;
background: url(img/news_88aeb6fe.png) no-repeat -43px 4px;
float: left;
margin-left: 10px;
}
.img_refresh {
width: 22px;
height: 16px;
display: inline-block;
vertical-align: middle;
background: url(img/news_88aeb6fe.png) no-repeat -22px -24px;
}
.new_refresh:hover>.img_refresh {
width: 22px;
height: 16px;
display: inline-block;
vertical-align: middle;
background: url(img/news_88aeb6fe.png) no-repeat -22px -41px;
}
.img_news {
position: relative;
top: -25px;
left: 116px;
width: 20px;
height: 16px;
background: url(img/news_88aeb6fe.png) no-repeat -56px -100px;
}
.cr_img {
width: 16px;
height: 16px;
overflow: hidden;
display: inline-block;
position: relative;
top: 3px;
background: url(img/icons_5859e57.png) no-repeat -600px -96px;
}
.cr_img2 {
position: relative;
top: 4px;
width: 16px;
height: 16px;
overflow: hidden;
display: inline-block;
background: url(img/icons_5859e57.png) no-repeat -623px -96px;
}
.mySet_detail {
width: 900px;
height: 0px;
background: #FFFFFF;
z-index: 99999;
position: absolute;
overflow: hidden;
}
/*已订阅*/
.ydy {
width: 848px;
padding: 22px 25px 0 25px;
text-align: left;
}
.ydy_detail {
height: 125px;
border-bottom: 1px solid #F0F0F0;
}
.ydy_detail_left {
width: 420px;
float: left;
height: 125px;
}
.ydy_detail_left h3 {
font-size: 12px;
color: #666;
font-weight: normal;
text-indent: 2px;
}
.myAtt {
width: 78px;
text-align: center;
margin-top: 18px;
border: 1px solid #cdcdcd;
height: 24px;
line-height: 24px;
font-size: 13px;
color: #666666;
}
.pinDao_1 {
height: 90px;
position: relative;
top: -26px;
left: 88px;
}
.pinDao {
display: inline-block;
position: relative;
top: -17px;
}
.pinDao2 {
display: inline-block;
position: relative;
left: 65px;
top: -17px;
}
.pinDao3 {
display: inline-block;
position: relative;
left: 130px;
top: -17px;
}
.pinDao:hover>.pindao_icon {
width: 15px;
height: 15px;
overflow: hidden;
position: absolute;
top: -7px;
left: 2px;
background: url(img/card_setting_c0307230.png) no-repeat -21px -25px;
z-index: 50;
}
.pinDao:hover>.pindao_title {
border: 1px dashed #3388ff;
width: 53px;
height: 24px;
line-height: 24px;
font-size: 12px;
color: #CDCDCD;
background: #FFFFFF;
text-align: center;
position: absolute;
top: 0px;
left: 9px;
cursor: pointer;
}
.pinDao2:hover>.pindao_icon {
width: 15px;
height: 15px;
overflow: hidden;
position: absolute;
top: -7px;
left: 2px;
background: url(img/card_setting_c0307230.png) no-repeat -21px -25px;
z-index: 50;
}
.pinDao2:hover>.pindao_title {
border: 1px dashed #3388ff;
width: 53px;
height: 24px;
line-height: 24px;
font-size: 12px;
color: #CDCDCD;
background: #FFFFFF;
text-align: center;
position: absolute;
top: 0px;
left: 9px;
cursor: pointer;
}
.pinDao3:hover>.pindao_icon {
width: 15px;
height: 15px;
overflow: hidden;
position: absolute;
top: -7px;
left: 2px;
background: url(img/card_setting_c0307230.png) no-repeat -21px -25px;
z-index: 50;
}
.pinDao3:hover>.pindao_title {
border: 1px dashed #3388ff;
width: 53px;
height: 24px;
line-height: 24px;
font-size: 12px;
color: #CDCDCD;
background: #FFFFFF;
text-align: center;
position: absolute;
top: 0px;
left: 9px;
cursor: pointer;
}
.pindao_icon {
width: 15px;
height: 15px;
overflow: hidden;
position: absolute;
top: -7px;
left: 2px;
background: url(img/card_setting_c0307230.png) no-repeat -40px -25px;
z-index: 50;
}
.pindao_title {
border: 1px dashed #CDCDCD;
width: 53px;
height: 24px;
line-height: 24px;
font-size: 12px;
color: #222;
background: #FFFFFF;
text-align: center;
position: absolute;
top: 0px;
left: 9px;
}
.ydy_detail_right {
width: 420px;
float: right;
height: 125px;
}
.ydy_detail_right h3 {
font-size: 12px;
color: #666;
font-weight: normal;
text-indent: 2px;
}
.pinDao_2 {
height: 90px;
position: relative;
top: 13px;
left: -5px;
}
.TY {
display: inline-block;
position: relative;
top: -13px;
cursor: pointer;
/*border: 1px solid #CCCCCC;
width: 53px;
height: 24px;
line-height: 24px;
text-align: center;*/
}
.TY_icon {
width: 15px;
height: 15px;
overflow: hidden;
position: absolute;
top: 6px;
left: 16px;
background: url(img/card_setting_c0307230.png) no-repeat -55px -25px;
z-index: 50;
}
.TY_title {
border: 1px solid #CCCCCC;
width: 53px;
height: 24px;
line-height: 24px;
font-size: 12px;
color: #222;
background: #FFFFFF;
text-align: center;
position: absolute;
top: 0px;
left: 9px;
padding-left: 10px;
}
.TY:hover>.TY_icon {
width: 15px;
height: 15px;
overflow: hidden;
position: absolute;
top: 6px;
left: 16px;
background: url(img/card_setting_c0307230.png) no-repeat -70px -25px;
z-index: 50;
}
.TY:hover>.TY_title {
border: 1px solid #CCCCCC;
width: 53px;
height: 24px;
line-height: 24px;
font-size: 12px;
color: #FFFFFF;
background: #38f;
text-align: center;
position: absolute;
top: 0px;
left: 9px;
padding-left: 10px;
}
.XS {
display: inline-block;
position: relative;
top: -13px;
left: 75px;
cursor: pointer;
}
.XS_icon {
width: 15px;
height: 15px;
overflow: hidden;
position: absolute;
top: 6px;
left: 16px;
background: url(img/card_setting_c0307230.png) no-repeat -55px -25px;
z-index: 50;
}
.XS_title {
border: 1px solid #CCCCCC;
width: 53px;
height: 24px;
line-height: 24px;
font-size: 12px;
color: #222;
background: #
HTML仿百度首页登录后的静态界面代码
需积分: 5 194 浏览量
2017-10-24
09:46:18
上传
评论 3
收藏 4.13MB ZIP 举报
HTML仿百度登录后的静态界面.zip （73个子文件） 
HTML仿百度登录后的静态界面 css 
Baidu.css 14KB img 
11.png 3KB tupian.png 5KB erweima.png 3KB 10.png 3KB yinyue.png 5KB soutu_icons_sample_e128610.png 5KB green.png 3KB
2.JPG 14KB logo_white_fe6da1ec.png 7KB 4.JPG 20KB baidu.png 8KB HF bg0s.jpg 46KB bg5.jpg 221KB bg5s.jpg 83KB bg10.jpg 225KB bg8.jpg 445KB bg1s.jpg 67KB bg3.jpg 151KB bg6.jpg 588KB bg4s.jpg 68KB bg0.jpg 207KB bg4.jpg 189KB bg9s.jpg 49KB bg6s.jpg 38KB bg8s.jpg 22KB bg7.jpg 406KB bg9.jpg 177KB bg7s.jpg 19KB bg11s.jpg 70KB skin_icon_82b6ef5b.png 6KB bg2s.jpg 48KB bg3s.jpg 62KB bg11.jpg 185KB skin_preview_05c7c9e3.png 3KB bg2.jpg 187KB bg10s.jpg 72KB bg1.jpg 190KB all_blank_07895b96.png 3KB icon.png 6KB sp.png 246B fengyunbang.png 4KB 1.JPG 15KB skin_icon_82b6ef5b.png 6KB wenku.png 6KB 1a65c7a82e78ab20439c3b9c3955943e_20160602211520922.png 3KB icon.jpg 50KB logo.png 2KB 3.JPG 19KB zhidao.png 6KB a1.png 2KB camera.png 647B news_88aeb6fe.png 3KB card_setting_c0307230.png 3KB nuo.png 4KB icons_5859e57.png 14KB timg.png 3KB 9483.png 681B bd_logo1.png 8KB js jquery.js 94KB jquery-1.7.2.min.js 93KB input.js 589B jquery.smooth-scroll.min.js 4KB jquery-1.11.0.min.js 107KB jquery-1.9.1.min.js 123KB jquery-1.8.3.min.js 91KB 格式.js 123KB megamenu.js 1KB jquery.smooth-scroll.js 10KB jquery-1.9.1.js 262KB jquery-1.4.2.js 160KB top.js 10KB
Baidu.html 52KB资源评论
