Css veya Java Açılır Menü

10-03-2009, 23:06:41

Kimlik doğrulama veya yönetimden onay bekliyor.

Arkadaşlar merhaba,
Bir menü yapıcam üst menü CSS olucak.
Mesela css menünün üstüne gelince java menü açılsın istiyorum aşağı doğru.
Bunu nasıl yaparım?
Yada css menü olarakda açılabilir yeterki aşağı doğru açılsın.
Şimdiden teşekkürler arkadaşlar.

11-03-2009, 00:03:47

#2

~~onlinerapmuzo~~

Üyeliği durduruldu

mrb ie ve ff a uyumlu bir ust menu acılır kapanır

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<script language="javascript">
startList = function() {
if (document.all&&document..getElementById) {
navRoot = document.getElementById("menu");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startlist;
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Başlıksız Belge</title>
<style type="text/css">
<!--
body { margin 0px 0px 0px 0px;}
ul#menu, ul#menu ul{ list-style:none; margin:0; padding:0; text-align:center;}
ul#menu li{ float:left; position:relative; width:150px;}
ul#menu li ul{ display:none;}
ul#menu li a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; display:block; border-width:1px; border-style:solid; margin:0px; padding: 2px 0px; border-color:#000099; color:#000000; background-color:#CCCCCC; text-decoration:none;}
ul#menu li a:hover{ color:a00; background-color: #FFFFFF;}
ul#menu li:hover ul, ul#menu li.over ul{ display:block;}
-->
</style>
</head>
<body>
<ul id="menu">
		  <li><a href="#">Anasayfa</a></li>
		  <li><a href="#">Dosyalar</a>
          <ul>
          <li><a href="#">Dosyalar1</a></li>
          <li><a href="#">Dosyalar2</a></li>
          <li><a href="#">Dosyalar3</a></li>
          </ul>
          </li>
          <li><a href="#">Resimler</a>
          <ul>
          <li><a href="#">Manzara</a></li>
          <li><a href="#">Araba</a></li>
          <li><a href="#">Çocuk</a></li>
          </ul>
          </li>
          
</ul>
</body>
</html>

10-12-2009, 11:28:35

#3

~~CheLeKeSh~~

Üyeliği durduruldu

Firefoxta çalıştı fakat ie de çalışmadı

11-01-2010, 00:42:24

#4

~~sRc~~

Internet Explorer 6.0 desteklemiyor genelde o yüzden çalışmaz

12-01-2010, 00:17:50

#5

AycanB

Kimlik doğrulama veya yönetimden onay bekliyor.

Mantığı anlatacak olursak.

Önce jquery dosyasını entegre et index.html'ne

<script type="text/javascript" src="jquery.js"></script>
Altına bunları yaz
<script>
$('#aycan a').click(function () {
$('#menu').slideDown('medium');
</script>

Burada aycan divi içindeki herhangi bir <a href="">... </a> komutuna tıklandığında menu divini aşşağı doğru açar.

Eğer tıklama değil üstüne gelince açılmasını istiyorsan.
Mouseover komutuna biraz bak.

12-01-2010, 22:55:15

#6

ismailbayram

Eposta Aktivasyonu Gerekmekte

saol işime yaradı açıkcası