» » Menampilkan Info Link Menggunakan Javascript

Menampilkan Info Link Menggunakan Javascript

Bookmark and Share
Templat Unik



HOME
DOWNLOAD
UPLOAD
PROFIL
SEJARAH

 Script ini menampilkan info dari link, info ini di tampilkan pada filed atau baris tabel, informasi ini berupa data singkat dari sebuah link pada halaman utama sebuah website.
Untuk contoh script program nya bisa di lihat di bawah ini

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<title>Templat Unik</title>
<head><style type="text/css">
<!--
.coolmenu td{
background-color:#FFFFFF;
cursor:hand;
font-family:Arial;
font-weight:bold;
}

.coolmenu td a{
text-decoration:none;
color:black;
}

.coolmenu td#boxdescription{
background: #FFFFFFF;
height: 25px;
font-weight: normal;
}

-->
</style>

<script language="javascript">
<!--




function movein(which,html){
which.style.background='coral'
if (document.getElementById)
document.getElementById("boxdescription").innerHTML=html
else
boxdescription.innerHTML=html
}

function moveout(which){
which.style.background='bisque'
if (document.getElementById)
document.getElementById("boxdescription").innerHTML='&nbsp;'
else
boxdescription.innerHTML='&nbsp;'
}

//-->
</script>
</head>

<body>
<h1 align="center">JUDUL</h1>
<table width="100%" border="1" cellpadding="2" cellspacing="0" bgcolor="#FFFFFF" class="coolmenu">

<tr>
<td width="206" id="choice1" onmouseover="movein(this,'Segala sesuatu yang menyangkut home')" onmouseout="moveout(this)"">
<a href="#">HOME</a></td>
<td width="192" id="choice1" onmouseover="movein(this,'Free Java applets')" onmouseout="moveout(this)"">
<a href="#">DOWNLOAD</a></td>
<td width="158" id="choice1" onmouseover="movein(this,'Upload Bahan')" onmouseout="moveout(this)""><a href="#">UPLOAD</a></td>
<td width="170" id="choice1" onmouseover="movein(this,'Profil')" onmouseout="moveout(this)""><a href="#">PROFIL</a></td>
<td width="231" id="choice1" onmouseover="movein(this,'Sejarah')" onmouseout="moveout(this)""><a href="#">SEJARAH</a></td>
</tr>

<tr bordercolor="#fffffff">
<td colspan="5" id="boxdescription"></td>
</tr>
</table>

<p>&nbsp;</p>
</body>
</html>

script javascript diatas di buat menggunakan dreamweaver dengan ekstensi html
- Label: -

{ 0 komentar... Views All / Send Comment! }


Posting Komentar