js ile sub menüyü nasıl sabitlerim?

20-12-2010, 19:51:34

Alttaki resimdeki gibi mause ile üstüne getirince sub menüler ortaya çıkıyor.
Ben anasayfa menüsündeki sub menülerin sabit kalmasını istiyorum. Diğeri mause üstüne geldiğinde aktif olarak kalabilir. Bana bu konuyla ilgili js kodunu verirseniz sevinirim.

şuanki menü resimdeki gibi: mause yi üzerine getirmeyince aktif olmuyor.

	<div id="horiz-menu">
					<ul class="menu">
<li id="current" class="level1 topli active heylek"><a href="" class="level1 topli topdaddy"><span><b>ANASAYFA</b></span></a>
<ul>
<li><a href="#"><span>ANA DENEME 1</span></a></li>
<li><a href="#"><span>ANA DENEME 2</span></a></li>
<li><a href="#"><span>ANA DENEME 3</span></a></li>
</ul>
<li id="current" class="level1 topli heylek"><a href="" class="level1 topli topdaddy"><span><b>HAKKIMIZDA</b></span></a>
<ul>
<li><a href="#"><span>TARİHÇEMİZ</span></a></li>
<li><a href="#"><span>BASINDA BİZ</span></a></li>
</ul>
</li>
<li id="current" class="level1 topli heylek"><a href="" class="level1 topli topdaddy"><span><b>HİZMET</b></span></a>
<ul>
<li><a href="#"><span>EĞİTİM YÖNETMELİK</span></a></li>
<li><a href="#"><span>MESLEKİ EĞİTİM</span></a></li>
<li><a href="#"><span>MESLEK OKULLARI</span></a></li>
</ul>
</li>

21-12-2010, 08:44:07

#2

AycanB

Kimlik doğrulama veya yönetimden onay bekliyor.

RemiX adlı üyeden alıntı: mesajı görüntüle

Alttaki resimdeki gibi mause ile üstüne getirince sub menüler ortaya çıkıyor.
Ben anasayfa menüsündeki sub menülerin sabit kalmasını istiyorum. Diğeri mause üstüne geldiğinde aktif olarak kalabilir. Bana bu konuyla ilgili js kodunu verirseniz sevinirim.

şuanki menü resimdeki gibi: mause yi üzerine getirmeyince aktif olmuyor.

	<div id="horiz-menu">
					<ul class="menu">
<li id="current" class="level1 topli active heylek"><a href="" class="level1 topli topdaddy"><span><b>ANASAYFA</b></span></a>
<ul>
<li><a href="#"><span>ANA DENEME 1</span></a></li>
<li><a href="#"><span>ANA DENEME 2</span></a></li>
<li><a href="#"><span>ANA DENEME 3</span></a></li>
</ul>
<li id="current" class="level1 topli heylek"><a href="" class="level1 topli topdaddy"><span><b>HAKKIMIZDA</b></span></a>
<ul>
<li><a href="#"><span>TARİHÇEMİZ</span></a></li>
<li><a href="#"><span>BASINDA BİZ</span></a></li>
</ul>
</li>
<li id="current" class="level1 topli heylek"><a href="" class="level1 topli topdaddy"><span><b>HİZMET</b></span></a>
<ul>
<li><a href="#"><span>EĞİTİM YÖNETMELİK</span></a></li>
<li><a href="#"><span>MESLEKİ EĞİTİM</span></a></li>
<li><a href="#"><span>MESLEK OKULLARI</span></a></li>
</ul>
</li>

Bu menünün js kodlarını verirsen yardımcı olabilirim veya benim yaptığım menuyu kullanabilirsin.
http://aycan.net/Ek/jquery-acilir-menu.php

21-12-2010, 13:27:26

#3

RemiX

bu menünün js kodları
http://demo.gavick.com/joomla15/mar2...js/mootools.js
http://demo.gavick.com/joomla15/mar2...&speed=180

adresinde mevcut ama. bunu eklersem bu şefer diğer eklediğim js kodları aktif olmuyor. birbirlerini durduruyorlar sanırım.
Senin verdiğinde pek olmamış. horizonal menü deki Aycan.Net kısmının sub menüleri mause yi getirmeden aktif olmalıydı.
yapmak istediğim menü http://demo.gavick.com/joomla15/mar2009/ bu temadaki ile hemen hemen aynı ama mootools.js kodu benim sayfa icersindeki diğer kodlarımı durduruyor. mootools.js kaldırıncadada görüldüğü gibi anasayfa nın sub butonları aktif olduğu halde gözükmüyor. Ancak mause ile üzerine dokunmak gerekiyor.

21-12-2010, 15:27:32

#4

AycanB

RemiX adlı üyeden alıntı: mesajı görüntüle

bu menünün js kodları
http://demo.gavick.com/joomla15/mar2...js/mootools.js
http://demo.gavick.com/joomla15/mar2...&speed=180

adresinde mevcut ama. bunu eklersem bu şefer diğer eklediğim js kodları aktif olmuyor. birbirlerini durduruyorlar sanırım.
Senin verdiğinde pek olmamış. horizonal menü deki Aycan.Net kısmının sub menüleri mause yi getirmeden aktif olmalıydı.
yapmak istediğim menü http://demo.gavick.com/joomla15/mar2009/ bu temadaki ile hemen hemen aynı ama mootools.js kodu benim sayfa icersindeki diğer kodlarımı durduruyor. mootools.js kaldırıncadada görüldüğü gibi anasayfa nın sub butonları aktif olduğu halde gözükmüyor. Ancak mause ile üzerine dokunmak gerekiyor.

Js çakışması için bunu uygula : http://api.jquery.com/jQuery.noConflict/

21-12-2010, 15:58:20

#5

RemiX

pek ing. yok kısaca nasıl uygulayacağımı özetleyebilir misin?

21-12-2010, 17:01:00

#6

RemiX

$ yerine jQuery deniyor altttaki tüm js in icine girip jQuery mi yazmalıyım?
bu ikisine :
<script type="text/javascript" src="lib/scripts/menu.js"></script>
<script type="text/javascript" src="js/mootools.js"></script>
dokunmayacakmıyım ?

	<script type="text/javascript" src="lib/jquery.js"></script> 
<script type="text/javascript" language="javascript" src="easytabs.js">/script>


<script type="text/javascript" src="lib/jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="lib/jquery.jcarousel.pack.js"></script>
<link rel="stylesheet" type="text/css" href="lib/jquery.jcarousel.css" />
<link rel="stylesheet" type="text/css" href="skins/tango/skin.css" />
 <script type="text/javascript" src="supernote.js"></script>
<script type="text/javascript" src="lib/yetii.js"></script>
	<script type="text/javascript"> 
$(document).ready(function(){
	
	var first = 0;
	var speed = 900;
	var pause = 4500;
	
		function removeFirst(){
			first = $('ul#listticker li:first').html();
			$('ul#listticker li:first')
			.animate({opacity: 0}, speed)
			.fadeOut('slow', function() {$(this).remove();});
			addLast(first);
		}
		
		function addLast(first){
			last = '<li style="display:none">'+first+'</li>';
			$('ul#listticker').append(last)
			$('ul#listticker li:last')
			.animate({opacity: 1}, speed)
			.fadeIn('slow')
		}
	
	interval = setInterval(removeFirst, pause);
});
</script> 


<!--
  alttakini ekleyince çalışmıyor : 
-->
<script type="text/javascript" src="lib/scripts/menu.js"></script>
  <script type="text/javascript" src="js/mootools.js"></script>