JS ve Photoshop ile bir Menü

HTML, CSS, JavaScript ile ilgili genel konular.

JS ve Photoshop ile bir Menü

İleti Emexci 13.05.2006, 21:29

Kendi yaptigim bir Calisma
JS ve Photoshop Kullanimi sonucunda yaptim, CSS ile daha kolay oldugunu biliyorum ancak JS ilede etkili olacagini göstermek istedim. Kullanimi gayet kolay , icindeki grafikleri herhangi bi grafik programi ile kendimize göre düzeltmek , forumlara ideal olur düsüncesi ile 7 tane yaptim. Kolay gelsin Menu imajlari ekte

Ekran Görüntüsü
Resim[hr]

Kullanmamiz gereken JS Kodu

[syntax="javascript"]
<script type="text/JavaScript">
<!--
// JS Menü Created by Emexci
// http://www.*edited*.net
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
[/syntax]


Kullanmamiz gereken HTML Kodumuz

[syntax="html"]<p align="center"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Meni','','u1_a.png',1)"><img src="u1.png" name="Meni" width="73" height="24" border="0" id="Meni" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Menu','','u2_a.png',1)"><img src="u2.png" name="Menu" width="82" height="24" border="0" id="Menu" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Menu3','','u3_a.png',1)"><img src="u3.png" name="Menu3" width="85" height="24" border="0" id="Menu3" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Menu7','','u7_a.png',1)"><img src="u7.png" name="Menu7" width="85" height="24" border="0" id="Menu7" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Menu6','','u6_a.png',1)"><img src="u6.png" name="Menu6" width="85" height="24" border="0" id="Menu6" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Menu4','','u4_a.png',1)"><img src="u4.png" name="Menu4" width="86" height="24" border="0" id="Menu4" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Menu5','','u5_a.png',1)"><img src="u5.png" name="Menu5" width="74" height="24" border="0" id="Menu5" /></a></p>[/syntax]
Kullanıcı avatarı
Emexci
Üye
Üye
 
İleti: 833
Kayıt: 28.11.2005, 01:07

İleti MatrixNeo 13.05.2006, 22:07

çok teşekkürler. çok güzel menüler.
ALEXIS: imza silindi
Kullanıcı avatarı
MatrixNeo
Üye
Üye
 
İleti: 654
Kayıt: 10.01.2006, 10:19
Konum: İstanbul

İleti Napster 13.05.2006, 22:14

Denedim ve beğendim.Başarılarının devamını dilerim.
Napster
Kullanıcı avatarı
Napster
Üye
Üye
 
İleti: 537
Kayıt: 15.11.2005, 18:55
Konum: İstanbul

İleti h_era_ce 08.09.2006, 06:24

neyi nereye koyacağımızı bilsek bir de :D
h_era_ce
Üye
Üye
 
İleti: 71
Kayıt: 21.12.2005, 16:49


HTML, CSS, JS



Kimler çevrimiçi

Bu forumu görüntüleyenler: Kayıtlı kullanıcı yok ve 0 misafir

cron