<html>
Click masing-masing tombol di bawah ini untuk melihat isinya!
<!--arrowdiv aquol/////////////////////////////-->
<div>
<div class="arrowdiv" style="float:left;width:60px;" onclick="show_header(1)">
<table border="0">
<tr>
<td id="arrowraquo1" class="arrowraquo" style="font-weight:bold;background-color:#ff4800;color:#ffffff;">»</td>
<td style="width:60px;"><hr id="arrowhr1" class="arrowhr" style="background-color:#ff4800;color:#ff4800;" /></td></tr><tr>
<td></td>
<td style="text-align:center;color:#2F4F4F;font-weight:bold;font-family:arial;"><div>M.Box</div></td></tr></table></div>
<div class="arrowdiv" style="float:left;width:60px;" onclick="show_header(2)">
<table border="0">
<tr>
<td id="arrowraquo2" class="arrowraquo">»</td>
<td style="width:60px;"><hr id="arrowhr2" class="arrowhr" /></td>
</tr><tr><td></td>
<td style="text-align:center;color:#2F4F4F;font-weight:bold;font-family:arial;"><div>Batas</div></td></tr></table></div><p>
<div class="arrowdiv" style="float:left;width:60px;" onclick="show_header(3)">
<table border="0">
<tr>
<td id="arrowraquo3" class="arrowraquo">»</td>
<td style="width:60px;"><hr id="arrowhr3" class="arrowhr" /></td> </tr><tr><td></td>
<td style="text-align:center;color:#2F4F4F;font-weight:bold;font-family:arial;"><div>T.Letak</div>
</td></tr></table></div>
<div class="arrowdiv" style="float:left;width:60px;" onclick="show_header(4)">
<table border="0">
<tr>
<td id="arrowraquo4" class="arrowraquo">»</td>
<td style="width:60px;"><hr id="arrowhr4" class="arrowhr" /></td> </tr><tr><td></td>
<td style="text-align:center;color:#2F4F4F;font-weight:bold;font-family:arial;"><div>Tepi</div>
</td></tr></table></div>
<div class="arrowdiv" style="float:left;width:60px;" onclick="show_header(5)">
<table border="0">
<tr>
<td id="arrowraquo5" class="arrowraquo">»</td>
<td style="width:60px;"><hr id="arrowhr5" class="arrowhr" /></td> </tr><tr><td></td>
<td style="text-align:center;color:#2F4F4F;font-weight:bold;font-family:arial;"><div>Padding</div>
</td></tr></table></div>
<div style="clear:both">
<!--/arrowdiv aquol////////////////////////////-->
<script type="text/javascript">
function searchfield_focus(obj)
{
obj.style.color=""
obj.style.fontStyle=""
if (obj.value=="Search w3schools.com")
{
obj.value=""
}
}
function show_header(n)
{
document.getElementById('headerdiv1').style.display='none';
document.getElementById('headerdiv2').style.display='none';
document.getElementById('headerdiv3').style.display='none';
document.getElementById('headerdiv4').style.display='none';
document.getElementById('headerdiv5').style.display='none';
document.getElementById('arrowraquo1').style.background='';
document.getElementById('arrowraquo2').style.background='';
document.getElementById('arrowraquo3').style.background='';
document.getElementById('arrowraquo4').style.background='';
document.getElementById('arrowraquo5').style.background='';
document.getElementById('arrowraquo1').style.color='#333333';
document.getElementById('arrowraquo2').style.color='#333333';
document.getElementById('arrowraquo3').style.color='#333333';
document.getElementById('arrowraquo4').style.color='#333333';
document.getElementById('arrowraquo5').style.color='#333333';
document.getElementById('arrowhr1').style.background='#d4d4d4';
document.getElementById('arrowhr2').style.background='#d4d4d4';
document.getElementById('arrowhr3').style.background='#d4d4d4';
document.getElementById('arrowhr4').style.background='#d4d4d4';
document.getElementById('arrowhr5').style.background='#d4d4d4';
document.getElementById('arrowraquo' + n).style.background='#ff4800';
document.getElementById('arrowraquo'+ n).style.color='#ffffff';
document.getElementById('arrowhr' + n).style.background='#ff4800';
document.getElementById('headerdiv' + n).style.display='block';
}
var pageTracker = _gat._getTracker("UA-3855518-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
<table>
<td valign="top" align="left" id="maincolumn">
<br />
<table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="460" valign="top">
<!--header1111111111111-->
<div id="headerdiv1" style="display;">
coba coba 1
<div style="clear:both;"></div></div>
<!--header1111111111111-->
<!--header2222222222222-->
<div id="headerdiv2" style="display:none;">
coba coba 2
<div style="clear:both;"></div></div>
<!--/header222222222222-->
<!--header3333333333333-->
<div id="headerdiv3" style="display:none;">
coba coba 3
<div style="clear:both;"></div></div>
<!--/header3333333333333-->
<!--header44444444444444-->
<div id="headerdiv4" style="display:none;">
coba coba 4
<div style="clear:both;"></div></div>
<!--/header4444444444444-->
<!--header555555555555555-->
<div id="headerdiv5" style="display:none;">
coba coba 5
<div style="clear:both;"></div></div>
<!--/header55555555555555-->
<div style="clear:both;"></div></div>
</table></table>
</html>
Tidak ada komentar:
Posting Komentar