<html>
<head>
<title>review</title>
<style
type="text/css">
h1 {color: #F00;
font-family: Arial;
font-size: 40px;}
h2 {color: #00F;
font-family: Arial;
font-size: 35px;}
font {color: #FC0;
font-family: Arial;
font-size: 20px;}
</style>
<script>
function
pilih(){
var
pilihan = document.getElementById("menu").value;
hapus();
document.getElementById(pilihan).style.display="block";
}
function
pilih1(){
var
pilihan1 = document.getElementById("menu1").value;
hapus();
document.getElementById(pilihan1).style.display="block";
}
function
pilih2(){
var
pilihan2 = document.getElementById("menu2").value;
hapus();
document.getElementById(pilihan2).style.display="block";
}
function
hapus(){
document.getElementById("audio1").style.display="none";
document.getElementById("audio2").style.display="none";
document.getElementById("audio3").style.display="none";
document.getElementById("video1").style.display="none";
document.getElementById("video2").style.display="none";
document.getElementById("video3").style.display="none";
document.getElementById("youtube1").style.display="none";
document.getElementById("youtube2").style.display="none";
document.getElementById("youtube3").style.display="none";
}
</script>
</head>
<body
onLoad="hapus()">
<h1>Demo
UAS Praktikum</h1>
<h2>Desain
dan Pemrograman Web</h2>
<font
face="arial"> NAMA : HAMIDULLAH IKHSAN <br>
NPM : 12.1.03.03.0278 <br>
</font>
<select
name="menu" id="menu" onChange="pilih()">
<option>pilih audio</option>
<option
value="audio1">geisha mp3</option>
<option
value="audio2">judika mp3</option>
<option
value="audio3">Lobow mp3</option>
</select>
<select
name="menu1" id="menu1" onChange="pilih1()">
<option>pilih video</option>
<option
value="video1">Naruto 231</option>
<option
value="video2">Naruto 279</option>
<option
value="video3">Naruto 288</option>
</select>
<select
name="menu2" id="menu2" onChange="pilih2()">
<option>pilih youtube</option>
<option
value="youtube1">hitam putih</option>
<option
value="youtube2">kopi hitam kupu kupu</option>
<option
value="youtube3">don't worry</option>
</select>
<div
id="audio1">
<img
src="foto1.jpg" width="300"
height="300"></img><br>
<audio
controls valign="left">
<source
src="geisha.mp3" type="audio/mpeg">
</audio>
</div>
<div
id="audio2">
<img
src="foto2.jpg" width="300"
height="300"></img><br>
<audio
controls valign="left">
<source
src="judika.mp3" type="audio/mpeg">
</audio>
</div>
<div
id="audio3">
<img
src="foto3.jpg" width="300" height="300"></img><br>
<audio
controls valign="left">
<source
src="Lobow.mp3" type="audio/mpeg">
</audio>
</div>
<div
id="video1">
<video width="560"
height="340" controls>
<source
src="Naruto Shippuden 231.mp4" type="video/mp4">
</video>
</div>
<div
id="video2">
<video width="560"
height="340" controls>
<source
src="Naruto Shippuden 279.mp4" type="video/mp4">
</video>
</div>
<div
id="video3">
<video width="560"
height="340" controls>
<source
src="Naruto Shippuden 288.mp4" type="video/mp4">
</video>
</div>
<div
id="youtube1">
<iframe
width="400" height="300" align="left"
src="http://www.youtube.com/embed/Cq3B4xlKNmA">
</iframe>
</div>
<div
id="youtube2">
<iframe
width="400" height="300" align="left"
frameborder="1" src="http://www.youtube.com/embed/U5DNnTo3ug4">
</iframe>
</div>
<div
id="youtube3">
<iframe
width="400" height="300" align="left"
frameborder="1"
src="http://www.youtube.com/embed/W5ZvniV-vTE">
</iframe>
</div>
</body>
</html>
Semoga
bermanfaat......
0 komentar
Silahkan Beri Komentar Saudara...