Koleksi Javascript Mas Arul

Merupakan koleksi gambar-gambar anika kegiatan dalam membangunkan dan membina sebuah masyarakat yang diperjuangkan.
Memperkenalkan ahli-ahli yang berjasa samada diperingkat pimpinan atau peringkat ahli biasa.
Memuatkan berbagai fakta terutama yang berkaitan dengan masyarakat.
Petikan tulisan dari berbagai sumber yang relevan dengan perjuangan.
Scriptnya :
Letakkan script berikut setelah tag <HEAD>
<style type="text/css">#divCont {
	VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 400px; CLIP: rect(20px 400px 100px 0px); POSITION: relative; HEIGHT: 100px
}
#1 {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; Z-INDEX: 10; LEFT: 0px; WIDTH: 400px; FONT-FAMILY: verdana, geneva, arial, helvetica, sans-serif; POSITION: absolute; TOP: 0px; HEIGHT: 100px
}
#2 {
	FONT-WEIGHT: normal; FONT-SIZE: 18px; Z-INDEX: 10; LEFT: 0px; WIDTH: 400px; FONT-FAMILY: verdana, geneva, arial, helvetica, sans-serif; POSITION: absolute; TOP: 0px; HEIGHT: 100px
}
#3 {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; Z-INDEX: 10; LEFT: 0px; WIDTH: 400px; FONT-FAMILY: verdana, geneva, arial, helvetica, sans-serif; POSITION: absolute; TOP: 0px; HEIGHT: 100px
}
#4 {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; Z-INDEX: 10; LEFT: 0px; WIDTH: 400px; FONT-FAMILY: verdana, geneva, arial, helvetica, sans-serif; POSITION: absolute; TOP: 0px; HEIGHT: 100px
}
#5 {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; Z-INDEX: 10; LEFT: 0px; WIDTH: 400px; FONT-FAMILY: verdana, geneva, arial, helvetica, sans-serif; POSITION: absolute; TOP: 0px; HEIGHT: 100px
}
#6 {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; Z-INDEX: 10; LEFT: 0px; WIDTH: 400px; FONT-FAMILY: verdana, geneva, arial, helvetica, sans-serif; POSITION: absolute; TOP: 0px; HEIGHT: 100px
}
#7 {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; Z-INDEX: 10; LEFT: 0px; WIDTH: 400px; FONT-FAMILY: verdana, geneva, arial, helvetica, sans-serif; POSITION: absolute; TOP: 0px; HEIGHT: 100px
}
#8 {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; Z-INDEX: 10; LEFT: 0px; WIDTH: 400px; FONT-FAMILY: verdana, geneva, arial, helvetica, sans-serif; POSITION: absolute; TOP: 0px; HEIGHT: 100px
}
</style>

<script language="JavaScript" type="text/javascript">
//Default browsercheck, added to all scripts!
function checkBrowser(){
	this.ver=navigator.appVersion
	this.dom=document.getElementById?1:0
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
	this.ie4=(document.all && !this.dom)?1:0;
	this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
	return this
}
bw=new checkBrowser()
//With nested layers for netscape, this function hides the layer if it's visible and visa versa
function showHide(div,nest){
	obj=bw.dom?document.getElementById(div).style:bw.ie4?document.all[div].style:bw.ns4?nest?document[nest].document[div]:document[div]:0; 
	if(obj.visibility=='visible' || obj.visibility=='show') obj.visibility='hidden'
	else obj.visibility='visible'
}
//Shows the div
function show(div,nest){
	obj=bw.dom?document.getElementById(div).style:bw.ie4?document.all[div].style:bw.ns4?nest?document[nest].document[div]:document[div]:0; 
	obj.visibility='visible'
}
//Hides the div
function hide(div,nest){
	obj=bw.dom?document.getElementById(div).style:bw.ie4?document.all[div].style:bw.ns4?nest?document[nest].document[div]:document[div]:0; 
	obj.visibility='hidden'
}
</script>
Lalu ketikkan script berikut setelah tag <BODY>
<table width="100%" border="0" cellpadding="10" cellspacing="0">
        <tbody>
        <tr>
          <td width="33%" bgcolor="#ff0000">
            <ul>
              <li><small><font face="Verdana"><a onmouseover="show('1'); show('1')" onmouseout="hide('1'); hide('1')" href="http://www.facebook.com/mas.arul">GALERI</a>  
              </font></small>
              </li><li><small><font face="Verdana"><a onmouseover="show('2'); show('2')" onmouseout="hide('2'); hide('2')" target="2b" href="http://www.geocities.com/taaruf.htm">TAARUF</a>  
              </font></small>

              </li><li><span class="black"><small><font face="Verdana"><a onmouseover="show('3'); show('3')" onmouseout="hide('3'); hide('3')" target="2b" href="http://www.geocities.com/fakta.htm">FAKTA</a> 
                </font></small></span>
              </li><li><a onmouseover="show('4'); show('4')" onmouseout="hide('4'); hide('4')" target="2b" href="http://www.geocities.com/artikel.htm"><span class="black"><small><font face="Verdana">ARTIKEL</font></small></span></a> </li></ul></td>
          <td width="67%" bgcolor="#ffffff">
            <div id="divCont">
            <div style="visibility: hidden;" id="1">
            <p align="left"><font size="3" color="#000000" face="Verdana, Arial, Helvetica, sans-serif">

	    Merupakan koleksi gambar-gambar anika 
	    kegiatan  dalam membangunkan dan membina sebuah masyarakat yang 
            diperjuangkan.
	    </font></p></div>
            <div style="visibility: hidden;" id="2">
            <p align="left"><font size="3" color="#000000" face="Verdana, Arial, Helvetica, sans-serif">Memperkenalkan ahli-ahli yang berjasa 
            samada diperingkat pimpinan atau peringkat ahli 
            biasa.</font></p></div>
            <div style="visibility: hidden;" id="3">
            <p align="left"><font size="3" color="#000000" face="Verdana, Arial, Helvetica, sans-serif">Memuatkan berbagai fakta terutama yang 
            berkaitan dengan masyarakat.</font></p></div>
            <div style="visibility: hidden;" id="4">

            <p align="left"><font size="3" color="#000000" face="Verdana, Arial, Helvetica, sans-serif">Petikan tulisan dari berbagai sumber yang 
            relevan dengan perjuangan.</font></p></div></div></td></tr></tbody></table>
Kembali ke halaman koleksi javascript