可以关闭的网站背景效果

每缝过年过节，各位站长都会为自己的网站换上新装，以表达自己的喜悦心情。。。

很大一部分站长选择了换网站背景来实现换新装的过程。但换一张背景图片不一定能和网站主色溶合，有时反而会事得其反。

今天我就教大家用JS和DIV+CSS实现可以关闭的网站背景效果。。。。。

可以关闭的网站背景效果

演示地址：http://www.56mp.cn/upload/closebg/

CSS部分：

<style type="text/css">
BODY { background:#515459}
#reStyle {MARGIN-TOP: 0px;DISPLAY: block; RIGHT: 150px; BACKGROUND: url(images/cl_mj_001.gif) no-repeat 0px 0px; OVERFLOW: hidden; WIDTH: 40px; CURSOR: pointer; POSITION: absolute; TOP: 20px; HEIGHT: 18px}
.RedStyle {MARGIN-TOP: 38px;BACKGROUND: url(images/bodybg.jpg) #fba500 no-repeat center top}
#top{margin:0 auto; padding-top:0; width:960px;}
</style>

HTML部分：

<BODY class=RedStyle id=body>
<DIV id=sudsclickstreamdiv
style="Z-INDEX: 1; VISIBILITY: hidden; POSITION: absolute"></DIV>
<DIV id=reStyle title=关闭背景></DIV>
<SCRIPT language=javascript type=text/javascript>
hackbase.$("reStyle").onclick = function(){
document.body.className = "";
this.style.display = "none";
};
hackbase.$("reStyle").onmouseover = function(){this.className = "hover"};
hackbase.$("reStyle").onmouseout = function(){this.className = ""};
</SCRIPT>
<div id="top"><a href="http://www.56mp.cn" target="_blank"><img src="images/56mp.gif" alt="逸诚科技
" width="960" height="2072" border="0" /></a></div>

记得引用JS：

如果有什么不明白的可以加首页上的QQ进行咨询。
转载时请注明出处。此信息出自逸诚科技：http://www.56mp.cn

标签：可以关闭背景背景特效关闭背景代码
分类：网站建设| 发布：逸诚科技| 查看： | 发表时间：2010-2-23
原创文章如转载，请注明：转载自逸诚科技　http://www.56mp.cn/
本文链接：http://www.56mp.cn/post/90.html

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。

1 #小楷

楼主你好
向你请教个事：能跟我讲讲这个 hackbaseflash.js 么。
我看了下好像是用 hackbase.$() 取代了 document.getElementById() ;
这样做的好处就是少写了些字，
因为我对JS没什么研究，只能看懂部门代码，所以想请问你究竟这个 hackbaseflash.js 还有其他什么用处和功能呢？因为这个文件名中还有flash，所以让我很好奇

2010-10-31 0:09:39 【REPLY】

可以关闭的网站背景效果

相关文章

置顶推荐

本类更新

热门文章