Newer
Older
skip-web / archive / 2014OC / test.html
@HIROSE Yuuji HIROSE Yuuji on 27 May 2018 1 KB mv 2014OC enq archive
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Visual Test</title>
<style type="text/css">
<!--
h1 {
    color: #55ffff;
    border-left: 7px solid #1177ff;
    border-bottom: 1px solid #1177ff;
    padding-left: 5px; 
}

body {
    background: #ff9f11
}

/* ボーダーののスタイル変更 */
div.border {
    margin-top: 100px;
    padding: 30px;
    border: 10px dashed #ffff00;
}
-->
</style>
<link rel="stylesheet" type="text/css" href="Bingo.css">
</head>

<body>
<h1>2014 オープンキャンパス</h1>
<div class="outflam">
<div class="border">
<div class="bottom">

<!-- 画像の表示 -->
<img src="png/yumiB3.png">

</div>
</div>
<script type="text/javascript">
<!--
function hoge() {
    iti=document.change.menu.selectedIndex;
    image=document.change.menu.options[iti].value;
    document.war.src=image;
}
// -->
</script>
<div>
<form method="post" name="change">
<select name="menu" onchange="hoge()">
 <option value="png/yumiB1.png">yumiB1.png
 <option value="png/yumiB2.png">yumiB2.png
 <option value="png/yumiB3.png">yumiB3.png
 <option value="png/yumiB4.png">yumiB4.png
 <option value="png/yumiB5.png">yumiB5.png
</select>
</form>
<img src="png/yumiB1.png" alt="128x128(1935bytes)" width="128" height="128">
</div>
</div>
</body>
</html>