JavaScript Kod Örnekleri - JavaScript Code Samples

//   *****************************************************************
// ADIM 1 <HEAD> Bölümleri arasına eklenecek olan bölüm
//   *****************************************************************

function makeStatic() {
if (document.all) {object1.style.pixelTop=document.body.scrollTop+20}
else {eval(document.object1.top=eval(window.pageYOffset+20));}
setTimeout("makeStatic()",0);}
</script>

<style>
<!--

.hl {
  Background-Color : yellow;
  Cursor:hand;
 }
.n {
  Cursor:hand;
 }
-->
</style>

//   *****************************************************************
// ADIM 2 <BODY> Bölümleri arasına eklenecek olan bölüm
//   *****************************************************************

function positionmenu(){
move(-132)
}

if (document.all) {document.write('<DIV ID="object1" style="visibility:hidden;cursor:hand; Position : Absolute ;Left : 0px ;Top : 20px ;Z-Index : 20" onmouseover="move(132)" onmouseout="move(-132)">')}
</script>

</tr>

var text=new Array();
var thelink=new Array();

// Linklerinizi ve başlıklarınızı bu bölümde ayarlıyorsunuz.

text[0]="Yeni ipucu siteniz";
text[1]="ASP ipuçları";
text[2]="PHP ipuçları";
text[3]="Javascript ipuçları";
text[4]="Forumlar";

thelink[0]="http://www.ipucu.web.tr";
thelink[1]="http://www.ipucu.web.tr/aspipucu.php";
thelink[2]="http://www.ipucu.web.tr/phpipucu.php";
thelink[3]="http://www.ipucu.web.tr/jsipucu.php";
thelink[4]="http://www.ipucu.web.tr/forum/";

var linktarget=''

///  BU bölümde değişiklik yapmayınız.

function navigateie(which){
if (linktarget=='')
window.location=thelink[which]
else if (linktarget=='new')
window.open(thelink[which])
else{
temp_var=eval("window.parent."+linktarget)
temp_var.location=thelink[which]
}
}

for (i=0;i<=text.length-1;i++)
if (document.all) {
document.write('<TR><TD height=20 bgcolor=white onclick="navigateie('+i+')" onmouseover="className=\'hl\'" onmouseout="className=\'n\'"><FONT SIZE=2 FACE=ARIAL> '+text[i]+'</FONT></TD></TR>')}
else {
document.write('<TR><TD bgcolor="white"><ILAYER><LAYER HEIGHT="18" onmouseover="this.bgColor=\'yellow\'" onmouseout="this.bgColor=\'white\'" width=131><FONT SIZE=2 FACE=ARIAL> <A HREF="'+thelink[i]+'" target="'+linktarget+'" id="nounderline">'+text[i]+'</A></FONT></LAYER></ILAYER></TD></TR>')}

//-->
</script>
<tr>
<td bgcolor="#0099FF"><font size="1" face="Arial"> </font></td>
</TR>
</table>
<script language="JavaScript1.2">
if (document.all) {document.write('</DIV>')}
window.onload=positionmenu
</script>
</LAYER>

Menüyü kullanmak için iki adımın takip edilmesi gerekmektedir. ADIM 1 'de bulunan kodları head tagları arasına yerleştirmeniz gerekmektedir. ADIM 2 'de bulunan kodların ise body tagları arasına kopyalanması gerekmektedir. Bu bölümde ise menüler ve linkleri ayarlanmaktadır. Sizde bu bölümü inceleyerek kendi sitenize göre linkleri ve başlıkları ayarlayabilirsiniz. İyi Çalışmalar

Ekleyen : Administrator

JavaScript Kod Örnegi (JavaScript Code Sample)

JavaScript Javascript Menü - Gizli Menü - 2

Sayfanın sol tarafında duran ve mouse üzerine geldiği zaman açılan bir gizli menü örneği..