背景画像を変える MENU

背景画像１ 背景画像２ 背景画像３

上記リンクをクリックすると背景画像が変わります

Source


    

<HTML lang="ja">
<HEAD>
<TITLE>背景画像を変える</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
 function bgimg(img) {
   document.body.background=img;
 }
//-->
</SCRIPT>
<STYLE type=text/css>
BODY { background-color: #eeeedd }
A.lnk2         {FONT-WEIGHT: bold}
A.lnk2:link    {COLOR: #c0c0c0; FONT-SIZE: 18px}
A.lnk2:visited {COLOR: #ffffff; FONT-SIZE: 18px}
A.lnk2:active  {COLOR: #ff0000; FONT-SIZE: 18px}
A.lnk2:hover   {COLOR: #ffff00; FONT-SIZE: 18px}
 td.td1 {
     text-align:        center;
     background-color:  #0000ff;
     border: 2px solid  #ffffff;
     width:             100px;
     cursor:            pointer;
 }
 td.td1:hover {
     background-color:  #4682b4;
 }
</STYLE>
</HEAD>

<body bgcolor="#eeeedd" text="#0000ff">
<table align="center">
<tr bgcolor="#0000ff">
    <td class="td1">
        <a href="Javascript:bgimg('200-17.jpg')" class="lnk2">背景画像１</a></td>
    <td class="td1">
        <a href="Javascript:bgimg('128-61.gif')" class="lnk2">背景画像２</a></td>
    <td class="td1">
        <a href="Javascript:bgimg('128-151.jpg')" class="lnk2">背景画像３</a></td>
</tr>
</table>
</BODY>
</HTML>