失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 防仿百度图片背景色php 基于jQuery实现仿百度首页换肤背景图片切换代码_jquery...

防仿百度图片背景色php 基于jQuery实现仿百度首页换肤背景图片切换代码_jquery...

时间:2022-10-09 21:14:36

相关推荐

防仿百度图片背景色php 基于jQuery实现仿百度首页换肤背景图片切换代码_jquery...

不多说了,先给大家展示效果图,本文支持源码下载哦,需要的朋友可以直接下载使用,代码很简单哦~

html代码:

css代码:

*{margin:0;padding:0}

a{color:#fff;

margin-top:10px;

display:block;

margin-left:18%;

font-size:13px;

position:absolute;

}

body{background:url(images/bg0.jpg);}

.con{width:911px;

height:317px;

margin:50px auto;}

.head{width:100%;

height:0px;

background:#fff;

position:fixed;

left:0px;

top:0px;

border-bottom:1px solid #e3e3e3;

overflow:hidden;

}

.title{width:911px;

height:45px;

margin:0px auto;}

.heitiao{width:100%;

height:35px;

background:rgba(0,0,0,0.7);

}

.menu{width:100%;

height:45px;

border-bottom:1px solid #e3e3e3;}

.p1{width:861px;

height:45px;

background:url(images/p1.png);

float:left;

cursor:pointer;}

.p2{width:50px;

height:45px;

background:url(images/sp.png);

float:right;

cursor:pointer;

}

.bg{width:911px;

height:205px;

margin:25px auto;}

.bgcon{width:590px;

height:190px;

float:left;

}

.bgcon img{width:97px;

height:59px;

display:block;

float:left;

margin-right:1px;

margin-bottom:1px;

}

.bgcon .big{width:195px;

height:119px;}

.bgcon .last{position:relative;

top:-60px;

}

.bgyl{width:264px;

height:180px;

float:right;

background:url(images/bg1s.jpg);

background-size:294px;}

以上代码就是本文介绍基于jQuery实现仿百度首页换肤背景图片切换代码,希望大家喜欢。

发布php中文网,转载请注明出处,感谢您的尊重!

如果觉得《防仿百度图片背景色php 基于jQuery实现仿百度首页换肤背景图片切换代码_jquery...》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。