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

Posted

技术标签:

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

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

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

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

干杯,约翰。

【问题讨论】:

看看这个帖子:***.com/questions/2530784/… 是的,这并不难。你尝试过什么,你在哪里卡住了? 从存储中取出图像并呈现给他,当他选择一个时,将背景指向该资源,你在哪里卡住了? 对不起,这是我第一次使用asp.net,我只是想让它改变背景指向的图像,改变路径之类的东西。 【参考方案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();"  >

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

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

【讨论】:

以上是关于使用 c# 在 ASP.net 中更改背景图像的主要内容,如果未能解决你的问题,请参考以下文章

在 ASP.NET 中加载页面时更改 <area> 的背景颜色 [重复]

身体上的动态背景图像 (ASP.NET)

ASP.Net 按钮不会呈现背景图像

如何:背景图像应保持静态,但其上的网页必须在 asp.net 中向下滚动

asp .net背景图像在回发时闪烁

ASP.NET Razor HTML - 根据值更改表格行的背景颜色