点击颜色块给网页整体换色（像新浪NBA、腾讯主页）急急急！

「已注销」 2010-04-17 09:56:52

急求点击颜色块实现给网页整体界面换颜色的代码，像http://sports.sina.com.cn/nba/和http://www.qq.com。

...全文

294 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

luzuocheng_1503 2010-04-21

打赏
举报

js调用CSS就行了，你只要在JS里面写的时候找到页面上的样式，然后换个名字就好了，
你想在下次还是这个样式的话，你就要写COOkS。

「已注销」 2010-04-21

打赏
举报

不过这样调用样式表，如果8个颜色快调用8次不同的CSS，这样的话，服务器的负载岂不是很大吗呵呵。

teamohui 2010-04-20

打赏
举报

[Quote=引用 8 楼 fendy5201 的回复:]
在网页里面引用一个通用的样式，每次变换的时候就改变backGroundColor颜色值
[/Quote]

up

mark620 2010-04-19

打赏
举报

在网页里面引用一个通用的样式，每次变换的时候就改变backGroundColor颜色值

Database_PGCs 2010-04-18

打赏
举报

学习下，不知有人知道igoogle的个性化主题的相关源码不，这个看起来挺有意思

nightsky_0911 2010-04-18

打赏
举报

js调用CSS

llyy112233 2010-04-18

打赏
举报



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>

  <script>

	function test(obj){

		document.getElementsByTagName("body")[0].style.cssText = "background:"+obj.style.background ;

	}

  </script>

 </HEAD>



 <BODY>

	选择配色：

	<input type="button" value="" style="background:red" onclick="test(this)" />

	<input type="button" value="" style="background:blue" onclick="test(this)" />

	<input type="button" value="" style="background:yellow" onclick="test(this)" />

 </BODY>

</HTML>

这样子可以吗？不过现在一般都是先定义好css样式文件，然后通过改变className的值来达到改变样式的目的。

kaifadi 2010-04-18

打赏
举报

原理就是通过JS动态调用CSS文件名！认真分析下，如果吧COOKIE功能去掉，其实很简单的，只要在颜色块是设置超级链接就可以了。比如：<SPAN STYLE="BACKGROUN:RED;" ONCLICK="SETCSS(red);"></SPAN>。<SPAN STYLE="BACKGROUN:blue;" ONCLICK="SETCSS(blue);"></SPAN>并且在JS里动态设置。
FUNCTION SETCSS(color)
{
if (color=red)
{
N=RED.CSS;
}
else
{
N=blue.css;
}
<link href="+N+" rel="stylesheet" type="text/css" id="style" />
}
这是最基本的思路，你可以在这个基础是进行拓展！

kaifadi 2010-04-18