現在 Web ページをデザインしようとしています。背景画像を Web サイト フォルダーの画像に設定しました。asp.net コードは次のように表示されます。
body background="ProtectedPages/Storage/green.png"
C#コードを使用して、ボタンでこれを変更する方法があるかどうか疑問に思っていました。ウェブサイトのユーザーがオプションのリストから背景画像を変更できるようにしようとしています。助けていただければ幸いです:)
乾杯、ジョン。
現在 Web ページをデザインしようとしています。背景画像を Web サイト フォルダーの画像に設定しました。asp.net コードは次のように表示されます。
body background="ProtectedPages/Storage/green.png"
C#コードを使用して、ボタンでこれを変更する方法があるかどうか疑問に思っていました。ウェブサイトのユーザーがオプションのリストから背景画像を変更できるようにしようとしています。助けていただければ幸いです:)
乾杯、ジョン。
ボディタグを以下のように変更します
body id = "bdy1" runat = "server"
次に、.aspx.csページを変更します
ページの読み込み時に次のように記述します
1)画像の背景が必要な場合は
bdy1.Attributes.Add( "style"、 "background:url(images / tulips.jpg);");
2)背景として色が必要な場合は
bdy1.Attributes.Add( "style"、 "background:teal");
背景を動的に変更するには、以下のようにする必要があります。
以下のようにドロップダウンとボタンを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>
次に最も重要なのは、本体のロード イベントで ChangeBG() 関数を呼び出すことです。
<body onload="ChangeBG();" >
ドロップダウン変更イベントに背景を設定することもできます。
これがあなたに役立つことを願っています..幸せなコーディング....