2008家园通用网站背景特效代码 - 鸿哥资源网 - 专注网络资源收集

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

2015/10/6 19:27:06 投稿作者：鸿哥网络 围观人数：2323 所属分类：网页代码

<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>

<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个小时之内，从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容，请支持正版，购买注册，得到更好的正版服务。我们非常重视版权问题，如有侵权请邮件与我们联系处理。敬请谅解！

已有2次赞

我要评论 0条评论，0条回复

签到

请先登录后再评论

作者信息

鸿哥网络

如遇文章有任何问题或投稿作者存在欺诈行为请联系站长删除文章

积分会员等级围观人数

无限制管理员 2323

联系作者信息报错

最新评论

1122334455662025/7/15 20:51:09

加油安安安那

评论于福利视频APP_50度灰V3.6.9永久VIP破解版免登陆
6351262042025/7/14 4:01:14

无敌666

评论于福利视频APP_50度灰V3.6.9永久VIP破解版免登陆
1888zzz2025/7/13 15:45:43

666穆勒同名

评论于鸿哥网免费分享，番茄社区APP永久VIP破解版/无限制免费观影
ghghost2025/7/11 10:59:29

啊啊啊啊啊

评论于鸿哥网免费分享，腾讯视频v11.17.7063去广告绿色
森口一2025/7/11 2:20:18

谢谢分享。

评论于福利视频APP_50度灰V3.6.9永久VIP破解版免登陆

为您推荐

热门标签

登录您的账号