使用 c# 在 ASP.net 中更改背景图像答案

【问题标题】：Changing background image in ASP.net with c#使用 c# 在 ASP.net 中更改背景图像
【发布时间】：2012-05-06 21:11:42
【问题描述】：

我目前正在尝试设计一个网页，我已将背景图像设置为我网站文件夹中的图像。 asp.net 代码显示为：

body background="ProtectedPages/Storage/green.png"

我想知道是否有一种方法可以使用 c# 代码通过按钮来更改它。我正在努力做到这一点，以便网站的用户可以从选项列表中更改背景图像，任何帮助将不胜感激:)

干杯，约翰。

【问题讨论】：

看看这个帖子：stackoverflow.com/questions/2530784/…
是的，这并不难。你尝试过什么，你在哪里卡住了？
从存储中取出图像并呈现给他，当他选择一个时，将背景指向该资源，你在哪里卡住了？
对不起，这是我第一次使用asp.net，我只是想让它改变背景指向的图像，改变路径之类的东西。

标签： c# asp.net css visual-studio

【解决方案1】：

如下更改你的body标签

body id="bdy1" runat="server"

现在更改您的 .aspx.cs 页面

在页面加载时写下以下内容

1) 如果你想要图片背景，那么

bdy1.Attributes.Add("style", "background:url(images/tulips.jpg);");

2) 如果你想要颜色作为背景，那么

bdy1.Attributes.Add("style", "background:teal");

【讨论】：

【解决方案2】：

要动态更改背景，您需要执行以下操作。

将下拉菜单和按钮放置在 aspx 页面中，如下所示。

<input type="button" value="Change BG" onclick="ChangeBG();" />
<asp:DropDownList ID="DropDownList1" runat="server" >
    <asp:ListItem>bg_1.jpg</asp:ListItem>
    <asp:ListItem>bg_2.jpg</asp:ListItem>
    <asp:ListItem>bg_3.jpg</asp:ListItem>
    <asp:ListItem>bg_4.jpg</asp:ListItem>        
</asp:DropDownList>

在head部分定义javascript函数如下

<script type="text/javascript" language="javascript" >
    function ChangeBG() {
        var ddl = document.getElementById("DropDownList1");
        var strimg = ddl.options[ddl.selectedIndex].value;
        document.body.background = strimg;
    }
</script>

然后最重要的是在 body 的加载事件上调用 ChangeBG() 函数。

<body onload="ChangeBG();"  >

您还可以在下拉更改事件中设置背景。

希望这对您有所帮助..愉快的编码....

【讨论】：