Arkadaşlar www.godaddy.com da sag taraftaki menünün benzerini arıyorum.Orada + - işaretleri var alt menüleri açmak için ben ise direk menünün üstüne tıklandıgında açılmasını istiyorum.Bu menünün bir adı varmı? ya da elinde kodları olan paylaşırsa sevinirim..Şimdiden teşekkürler...
|
|
Çok eski bir web tarayıcısı kullanıyorsunuz. Bu veya diğer siteleri görüntülemekte sorunlar yaşayabilirsiniz..
Tarayıcınızı güncellemeli veya alternatif bir tarayıcı kullanmalısınız.
Tarayıcınızı güncellemeli veya alternatif bir tarayıcı kullanmalısınız.
Javascript kodu
<head>
<script type="text/javascript">
<!--
// aç kapa
function toggle( targetId ){
if (document.getElementById){
target = document.getElementById( targetId );
if (target.style.display == "none"){
target.style.display = "";
} else {
target.style.display = "none";
}
}
}
-->
</script>
kullanacağın yere
<a href="#" onclick="toggle('değişken');return false;">aç-kapa şeysi</a>
<div id="değişken" style="display: none;">
gizli özne
</div>
alıntıdır.
<head>
<script type="text/javascript">
<!--
// aç kapa
function toggle( targetId ){
if (document.getElementById){
target = document.getElementById( targetId );
if (target.style.display == "none"){
target.style.display = "";
} else {
target.style.display = "none";
}
}
}
-->
</script>
kullanacağın yere
<a href="#" onclick="toggle('değişken');return false;">aç-kapa şeysi</a>
<div id="değişken" style="display: none;">
gizli özne
</div>
alıntıdır.
Teşekkürler kodu uyguladım çalışıyor..Ama istediğim extradan bir özellik var.Mesela iki tane alta açılacak menü var.Biri açıkken diğerine tıklandıgında açık olan menünün kapanmasını saglayan kod nedir acaba? Yani toplamda alta açılan menünün en fazla bir tane olmasını sağlayacak..
JavaScript kodu;
html kodu
Kod:
// [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; }
}html kodu
Kod:
<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>