怎样改变页面背景颜色

niitxdy 2007-09-18 07:50:07

本人在机房里调试很多次,怎么调也调不出来,希望大家给我答案.用一个下拉菜单来改变页面背景颜色.

...全文

904 13 打赏收藏转发到动态举报

写回复

用AI写文章

13 条回复

切换为时间正序

请发表友善的回复…

发表回复

驰坤_OnLine 2012-04-07

打赏
举报

求帮忙http://topic.csdn.net/u/20120407/10/582a2b17-07ef-4f84-a0e7-203ca595eb36.html?19825

yyl8781697 2012-04-07

打赏
举报

[Quote=引用楼主的回复:]
本人在机房里调试很多次,怎么调也调不出来,希望大家给我答案.用一个下拉菜单来改变页面背景颜色.
[/Quote]
用html+jquery最方便了



<!DOCTYPE html>

<html>

<head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>

	<script type="text/javascript">

		$(function(){

			$("select").change(function(){	

				var color=$(this).find(":selected").val();

				$("body").css("background",color);

			})

		})

	</script>

</head>

<body>

	<select>

		<option value="red">请选择背景颜色</option>

		<option value="red">红色</option>

		<option value="green">绿色</option>

		<option value="black">黑色</option>

	</select>

</body>

</html>

wangsj_2001 2012-04-07

打赏
举报

学习了

treesky 2007-09-20

打赏
举报

孟子E章很猛

gimse7en 2007-09-20

打赏
举报

打劫，把钻石交出来

为梦去奋斗 2007-09-20

打赏
举报

ding

jxjjljf 2007-09-19

打赏
举报

ding

ysgan 2007-09-18

打赏
举报

又见钻石

JustLovePro 2007-09-18

打赏
举报

是否可以这样!!(js控制css)

-----
<%@ Page Language="C#" AutoEventWireup="true" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script type="text/javascript">
function ChangeColor()
{
var NewColor=document.getElementByID('dr').value; //这点记不清了~~
document.getElementByID('b').backgroundColor=NewColor;
}

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
</head>
<body id="b" runat="server">
<form id="form1" runat="server">
<asp:DropDownList ID="dr" runat="server">
<asp:ListItem Value="#FFF000">FFF000</asp:ListItem>
<asp:ListItem Value="#FFFF00">FFFF00</asp:ListItem>
<asp:ListItem Value="#F00000">F00000</asp:ListItem>
</asp:DropDownList>
<asp:Button ID="Button1" runat="server" onClientclick="ChangeColor()" Text="Button" />
</form>
</body>
</html>

mextb1860 2007-09-18

打赏
举报

牛人来了。

seulty 2007-09-18

打赏
举报

老大出马手到擒来lol

liuyun1987 2007-09-18

打赏
举报

孟子E章 2007-09-18

打赏
举报

<%@ Page Language="C#" AutoEventWireup="true" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat=server>

protected void Button1_Click(object sender, EventArgs e)
{
b.Attributes.Add("style","background:" + dr.SelectedValue);
}

protected void dr_SelectedIndexChanged(object sender, EventArgs e)
{
b.Attributes.Add("style", "background:" + dr.SelectedValue);
}
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
</head>
<body id="b" runat="server">
<form id="form1" runat="server">
<asp:DropDownList ID="dr" runat="server" AutoPostBack=true
onselectedindexchanged="dr_SelectedIndexChanged">
<asp:ListItem Value="#FFF000">FFF000</asp:ListItem>
<asp:ListItem Value="#FFFF00">FFFF00</asp:ListItem>
<asp:ListItem Value="#F00000">F00000</asp:ListItem>
</asp:DropDownList>
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />
</form>
</body>
</html>