• 广告
  • 腾讯云
  • 阿里云

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

零零资源网 JS网页代码 2015-10-03 18:44:00 441 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:kf@4km.cc

发表评论

登录注册后再发表评论!
评论列表(0人评论 , 441人围观)
☹还没有评论,来说两句吧...