lostyazilim

Jquery Menü !..

8 Mesajlar 1.882 Okunma
lstbozum
wmaraci reklam

MarshallXY MarshallXY WM Aracı Kullanıcı
  • Üyelik 31.10.2013
  • Yaş/Cinsiyet 39 / E
  • Meslek Yazılım ve Veritabanı Uzmanı S
  • Konum Kocaeli
  • Ad Soyad T** P**
  • Mesajlar 298
  • Beğeniler 59 / 56
  • Ticaret 2, (%100)
Arkadaşlar Can sıkıntısına jquery ve css ile menü yaptım ..)



index.html




Marshall Menü

<script></script>
<script>
$(function(){
$("#menu ul li").hover(function(){
$(this).stop().animate({'height':'220px'},200);
//$(this).stop().animate({'width':'200px'},200);
},function(){
$(this).stop().animate({'height':'130px'},200);
//$(this).stop().animate({'width':'110px'},200);
});
});
</script>






menu.css
*{padding:0px; margin:0px}
li{list-style-type:none}
li:hover {opacity:0.5}
body {font: 12px verdana; background-color:lightblue}
#menu ul li {float:left; width:110px; height: 130px; display:block; margin:1px; text-align:center; animation:myfirst 5s; cursor:pointer}
#menu ul li span {display:block; color:#fff; font-size:16px; border:2px solid; border-radius:25px; margin-top:50%}
.bir{background-color:#393939}
.iki{background-color:#CC00CC}
.uc{background-color:#ffa800}
.dort{background-color:#007777}
.bes{background-color:#ff5400}
PckoWebSoft tiwaly

kişi bu mesajı beğendi.

wmaraci
reklam

Kansiper Kansiper Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 27.10.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek öğrenci
  • Konum Adıyaman
  • Ad Soyad S** B**
  • Mesajlar 65
  • Beğeniler 3 / 4
  • Ticaret 0, (%0)
güzel paylaşım teşekkürler
 

 

MarshallXY MarshallXY WM Aracı Kullanıcı
  • Üyelik 31.10.2013
  • Yaş/Cinsiyet 39 / E
  • Meslek Yazılım ve Veritabanı Uzmanı S
  • Konum Kocaeli
  • Ad Soyad T** P**
  • Mesajlar 298
  • Beğeniler 59 / 56
  • Ticaret 2, (%100)

Kansiper adlı üyeden alıntı

güzel paylaşım teşekkürler


Beğendiğine sevindim.
 

 

PckoWebSoft PckoWebSoft WM Aracı Kullanıcı
  • Üyelik 12.06.2012
  • Yaş/Cinsiyet - / E
  • Meslek freelance webmaster
  • Konum
  • Ad Soyad ** **
  • Mesajlar 4
  • Beğeniler 1 / 1
  • Ticaret 1, (%100)
güzel olmuş teşekkürler.
demo: http://jsfiddle.net/uxYn8/
MarshallXY

kişi bu mesajı beğendi.

wmaraci
wmaraci

MarshallXY MarshallXY WM Aracı Kullanıcı
  • Üyelik 31.10.2013
  • Yaş/Cinsiyet 39 / E
  • Meslek Yazılım ve Veritabanı Uzmanı S
  • Konum Kocaeli
  • Ad Soyad T** P**
  • Mesajlar 298
  • Beğeniler 59 / 56
  • Ticaret 2, (%100)
Teşekkürler bende yapcaktım unuttum yaptığın iyi olmuş
 

 

sadrazamnet sadrazamnet Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 08.11.2013
  • Yaş/Cinsiyet 31 / E
  • Meslek Öğrenci/Web Tasarımcı
  • Konum Manisa
  • Ad Soyad K** K**
  • Mesajlar 8
  • Beğeniler 0 / 0
  • Ticaret 0, (%0)
Güzel olmuş elinize sağlık
 

 

kalbimiver kalbimiver kalbimiver.com Kullanıcı
  • Üyelik 19.01.2013
  • Yaş/Cinsiyet 38 / E
  • Meslek özel sektör
  • Konum Kastamonu
  • Ad Soyad H** D**
  • Mesajlar 484
  • Beğeniler 72 / 71
  • Ticaret 0, (%0)
güzel paylaşım elinize sağlık
 

 

https://www.youtube.com/c/delidoktoru
Adabımızdandır; veda etmez, müsaade isteriz.

emre7 emre7 emreguney.info Kullanıcı
  • Üyelik 08.03.2014
  • Yaş/Cinsiyet 28 / E
  • Meslek Öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad E** G**
  • Mesajlar 1066
  • Beğeniler 192 / 189
  • Ticaret 26, (%100)
CSS ile de yapılabilir :) Teşekkürler.
 

 

InfiniTheme Profesyonel Magazin - Teknoloji Wordpress Teması Çıktı (Konularımdan ulaşabilirsiniz.)
wmaraci
Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al