Alta Açıla Menü

// [email protected] //
	
function kaydir(katman,hedef_x,hedef_y,hiz,adim){

	var devir=0;
	var nesne=document.getElementById(katman);
	var nesne_x=parseInt(nesne.style.left); 
	var nesne_y=parseInt(nesne.style.top); 
	var yol_x=hedef_x - nesne_x;
	var yol_y=hedef_y - nesne_y;
	var toplamdevir_x=yol_x / adim;
	var toplamdevir_y=yol_y / adim;
	var katman = katman;
	var adim_x = adim;
	var adim_y = adim;
	if(toplamdevir_x<0){ toplamdevir_x=toplamdevir_x-toplamdevir_x-toplamdevir_x; adim_x=adim_x-adim_x-adim_x; }
	if(toplamdevir_y<0){ toplamdevir_y=toplamdevir_y-toplamdevir_y-toplamdevir_y; adim_y=adim_y-adim_y-adim_y; }

	
	var kaydirmaEylemi = setInterval(eylem,hiz);
	
	function eylem(){
		devir++;
		if(devir <= toplamdevir_x){
			nesne.style.left = nesne_x + devir * adim_x + "px";
		} else { var tamamlanandevir_x="1" }

		if(devir <= toplamdevir_y){
			nesne.style.top = nesne_y + devir * adim_y + "px";
		} else { var tamamlanandevir_y="1" }
	
		if(tamamlanandevir_x=="1" && tamamlanandevir_y=="1"){
			durdur();
		}	
	}
	function durdur(){
		clearInterval(kaydirmaEylemi);
	}

	
}

function boyutlandir(katman,en,boy,adim,hiz){
	
	var devir=0;
	var nesne=document.getElementById(katman);
	var nesne_en=parseInt(nesne.style.width); 
	var nesne_boy=parseInt(nesne.style.height); 
	var fark_en=en - nesne_en;
	var fark_boy=boy - nesne_boy;
	var toplamdevir_en=fark_en / adim;
	var toplamdevir_boy=fark_boy / adim;
	var adim_en = adim;
	var adim_boy = adim;
	if(toplamdevir_en<0){ toplamdevir_en=toplamdevir_en-toplamdevir_en-toplamdevir_en; adim_en=adim_en-adim_en-adim_en; }
	if(toplamdevir_boy<0){ toplamdevir_boy=toplamdevir_boy-toplamdevir_boy-toplamdevir_boy; adim_boy=adim_boy-adim_boy-adim_boy; }
	
	var kaydirmaEylemi = setInterval(eylem,hiz);

	function eylem(){
		devir++;
		if(devir <= toplamdevir_en){
			nesne.style.width = nesne_en + devir * adim_en + "px";
		} else { var tamamlanandevir_en="1" }

		if(devir <= toplamdevir_boy){
			nesne.style.height = nesne_boy + devir * adim_boy + "px";
		} else { var tamamlanandevir_boy="1" }
	
		if(tamamlanandevir_en=="1" && tamamlanandevir_boy=="1"){
			durdur();
			
		}	
	}
	function durdur(){
		clearInterval(kaydirmaEylemi);
	}
}


function seffaflik(katman,oran,birimartis,hiz){

	var devir=0;
	var nesne=document.getElementById(katman);
	var nesne_seffaflik=100 * document.getElementById(katman).style.opacity;
	var fark = oran - nesne_seffaflik;
	var toplamdevir=fark / birimartis;
	if(toplamdevir<0){ toplamdevir=toplamdevir-toplamdevir-toplamdevir; birimartis=birimartis-birimartis-birimartis; }
	seffaflikEylemi = setInterval(eylem,hiz);
	function eylem(){
		devir++;
		if(devir <= toplamdevir){
			nesne.style.opacity = (nesne_seffaflik / 100) + (devir * birimartis)/100;
			nesne.style.filter = "alpha(opacity=" + ( nesne_seffaflik + (devir * birimartis) ) + ")"; 
		} else { var tamamlanandevir="1" }

		if(tamamlanandevir=="1"){
			durdur();
		
		}	
	}

	function durdur(){
		clearInterval(seffaflikEylemi);
	}
}


var sonNesne;
function sekmekaydirici(katman,en,boy){
	if(sonNesne){
		boyutlandir(sonNesne,en,0,3,1);
		boyutlandir(katman,en,boy,3,1);
		sonNesne = katman;
	} else {  boyutlandir(katman,en,boy,3,1); sonNesne=katman; }
}

<style type="text/css">
h1 { width:220px; background-color:#00266D; font:12px Arial Narrow, Helvetica, sans-serif; color:#FFFFFF; margin:0px; padding:3px; cursor:pointer; }
h1:hover { background-color:#639ACE; }
div { background-color:#FFFFFF; font:12px Arial, Helvetica, sans-serif; color:#2389b0; text-align:justify; }
.baslik { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FB5404; text-decoration: none}
.baslik1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #525252; text-decoration: none}
.text1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #525252; text-decoration: none; text-align: justify}
.text2 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; text-align: justify }

</style>

   <table width="100%" border="0" align="center">

     <tr>
      <h1 onClick="sekmekaydirici('hizmetler',224,100);">. Profesyonel Hizmetler</h1>
       <div id="hizmetler" style="width:224px; height:0px; overflow:hidden;">
       <ul>
       <li><a href="index.php?mod=mae&id=1"><b>Microsoft Hizmetleri</b></a></li>
       <li><a href="index.php?mod=mae&id=2"><b>Güvenlik Hizmetleri</b></a></li>
       <li><a href="index.php?mod=mae&id=3"><b>Veri Depolama Hizmetleri</b></a></li>

       <li><a href="index.php?mod=mae&id=4"><b>Network Hizmetleri</b></a></li>
       <li><a href="index.php?mod=mae&id=5"><b>İş Sürekliliği hizmetleri</b></a></li>
       </ul>
       </div>
      <h1 onClick="sekmekaydirici('t_hizmetler',224,100);">. Teknik Destek Hizmetleri</h1>
       <div id="t_hizmetler" style="width:224px; height:0px; overflow:hidden;">
       <ul>

       <li><a href="index.php?mod=mae&id=6"><b>Çağrı Bazlı Hizmetler</b></a></li>
       <li><a href="index.php?mod=mae&id=7"><b>Bakım Sözleşmeleri</b></a></li>
       <li><a href="index.php?mod=mae&id=8"><b>Ekstra Destek Hizmetleri</b></a></li>
       <li><a href="index.php?mod=mae&id=9"><b>Bilgi Sistemleri Yönetimi</b></a></li>
       <li><a href="index.php?mod=mae&id=10"><b>Outsourcing</b></a></li>
       </ul>

       </div>
      <h1 onClick="sekmekaydirici('destek',224,150);">. Destek</h1>
       <div id="destek" style="width:224px; height:0px; overflow:hidden;">
       <ul>
       <li><a href="index.php?mod=mae&id=11"><b>Teknik Destek Formu</b></a></li>
       <li><a href="index.php?mod=mae&id=12"><b>Donanım Sürücüleri</b></a></li>
       <li><a href="index.php?mod=mae&id=13"><b>Sıkça Sorulan Sorular</b></a></li>

       <li><a href="index.php?mod=mae&id=14"><b>Çağrı Takip</b></a></li>
       <li><a href="index.php?mod=mae&id=15"><b>Yetkili Servisler</b></a></li>
       <li><a href="index.php?mod=mae&id=16"><b>Garanti Koşulları</b></a></li>
       <li><a href="index.php?mod=mae&id=17"><b>Ürün Kabul Prosedürü</b></a></li>
       <li><a href="index.php?mod=mae&id=18"><b>Destek Linkleri</b></a></li>
       </ul>

       </div>
      <h1 onClick="sekmekaydirici('danis',224,100);">. Danışmanlık</h1>
       <div id="danis" style="width:224px; height:0px; overflow:hidden;">
       <ul>
       <li><a href="index.php?mod=mae&id=19"><b>Bilişim Teknolojileri</b></a></li>
       <li><a href="index.php?mod=mae&id=20"><b>BT Güvenlik</b></a></li>
       <li><a href="index.php?mod=mae&id=21"><b>İş Sürekliliği</b></a></li>

       <li><a href="index.php?mod=mae&id=22"><b>Microsoft Teknolojileri</b></a></li>
       <li><a href="index.php?mod=mae&id=23"><b>İnternet Danışmanlığı</b></a></li>
       </ul>
       </div>
      <h1 onClick="sekmekaydirici('is',224,80);">. İş Olanakları</h1>
       <div id="is" style="width:224px; height:0px; overflow:hidden;">
       <ul>

       <li><a href="index.php?mod=mae&id=24"><b>DELL</b></a></li>
       <li><a href="index.php?mod=mae&id=25"><b>DELL | EMC</b></a></li>
       <li><a href="index.php?mod=mae&id=26"><b>Microsoft</b></a></li>
       <li><a href="index.php?mod=mae&id=27"><b>Getronics</b></a></li>
       </ul>
       </div>
      <h1 onClick="sekmekaydirici('satis',224,80);">. Satış</h1>

       <div id="satis" style="width:224px; height:0px; overflow:hidden;">
       <ul>
       <li><a href="index.php?mod=mae&id=28"><b>HP Yedek Parça</b></a></li>
       <li><a href="index.php?mod=mae&id=29"><b>DELL Yedek Parça</b></a></li>
       <li><a href="index.php?mod=mae&id=30"><b>Garanti Paketleri</b></a></li>
       </ul>
       </div>

     </tr>
    </table>