淘宝客
当前位置:云良资源网 / 源码下载 / JS网页代码 / 正文

2008建站家园通用网站背景特效代码

作者:云良资源网发布时间:2015-10-03 18:44浏览数量:234次评论数量:0次

pq2Xn4X_png.png

<style>

body{
background-color: #00c1ff;
-webkit-transition: background-color 400ms ease-in-out;
-ms-transition: background-color 400ms ease-in-out;
-o-transition: background-color 400ms ease-in-out;
-moz-transition: background-color 400ms ease-in-out;
transition: background-color 400ms ease-in-out;
}
.containergaofuxi {
position: fixed;
top: 0;
left: 0;
z-index: -997;
width: 100%;
height: auto;
min-width: 1024px;
min-height: 100%;
}
#output {
opacity: 0.3;
width: 100%;
height: 100%;
-webkit-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.color {
position: fixed;
top: 16px;
right: -3PX;
margin: 0 auto;
margin-left: -60px;
width: 200pt;
height: 20px;}
.color li{
border-radius: 50%;
float: left;
margin: 0 5px;
width: 20px;
height: 20px;
background: #ccc;
box-shadow: 0 0 4px #FFF;
list-style: none;
cursor: pointer;
}
.color li:nth-child(1){
background: #00c1ff;
}
.color li:nth-child(2){
background: #49dd84;
}
.color li:nth-child(3){
background: #ff5a3d;
}
.color li:nth-child(4){
background: #ffac3f;
}
.color li:nth-child(5){
background: #2b7cd3;
}
.color li:nth-child(6){
background: #ff8864;
}
.color li:nth-child(7){
background: #45ada8;
}
.logo{
width: 222px;
height: 70px;
position: fixed;
top: 10px;
left: 50%;
margin-left: -70px;
border: solid 0px #BBBBBB;
-webkit-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.logo:hover{
border: solid 0px #FFF;
background: rgba(255, 255, 255, 0.2);
}
</style>
<script src="http://ftp350469.host533.zhujiwu.cn/js/FSS.js"></script>
<script>
$(function(){
FSS("containergaofuxi", "output");
$(".color li").mouseover(function(event) {
$("body").css("background-color", $(this).css("background-color"));
});
});
</script>
<!-- dom?á11 ?é×??¨ò? -->
<div id="containergaofuxi" class="containergaofuxi">
<div id="output">
</div>
</div>
<ul class="color">
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
</ul>
免责声明: 本站提供的资源,都来自网络,版权争议与本站无关, 所有内容及软件的文章仅限用于学习和研究目的。 不得将上述内容用于商业或者非法用途, 否则,一切后果请用户自负,我们不保证内容的长久可用性, 通过使用本站内容随之而来的风险与本站无关,您必须在下载后的24个小时之内,从您的电脑/手机中彻底删除上述内容。 如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。 侵删请致信E-mail:799549349@qq.com 云良技术网-专业提供QQ活动,QQ技术,QQ技巧,电脑技巧以及其他网络技术,让我们的技术更上一层楼!
End

云良资源网

云良资源网 主页 联系他吧

描述:专业提供QQ活动,QQ技术,QQ技巧,电脑技巧以及其他网络技术

到期2020年11月30日

欢迎 发表评论:

请填写验证码