Jump to content

  2. → Viewing Profile: Posts: dudesign

dudesign

Member Since 13/10/2007
Offline Last Active 06/04/2011, 00:24
-----

Posts I've Made

In Topic: Page Flip Flash Xml + Php

05/04/2011, 10:04

se não for pedir muito assim que você conseguir finalizar poste pra dar uma olhdada, por favor
valew

In Topic: Problemas No For...

05/04/2011, 09:49

Valew Diego Bezerra, mas já consegui descobrir aonde estava errando...

In Topic: Estabelecer Tempo No Hover

01/04/2011, 13:08

cara assim fica difícil hen...
esse cara não tem nada pra fazer não kkkk

vou fazer um teste aqui e te mando
guenta ai...

Marcos acredito que seja isso que você precise.
<html>
<head>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("a[href='"+get_page()+"']").parent('li').parents('ul').addClass('atual');
	
	$(".menu ul").not('.atual').hide();
	$(".menu > li > a").click(function(e){
		if($(this).attr('href')=='#'){
			e.preventDefault();
			 var ul = $(this).next('ul');
			 $(".menu ul").not($(ul)).slideUp();
			 $(ul).toggle('slow');
		}
	});
	$(".menu ul a").click(function(e){
		var ul = $(this).next('ul');
		$(".menu ul li ul").not($(ul)).slideUp();//se não quiser que feche o terceiro nivel, comente essa linha
		$(ul).toggle('slow');
	});
});
function get_page(){
	var url = window.location.href;
	var qnts = url.split('/').length;
	var pices =  url.split('/');
	return pices[qnts-1]!='#' ? pices[qnts-1] : '';   
}
</script>
</head>

<body>

    <ul class="menu">
    	<li><a href="#">item 1</a></li>
        <li><a href="#">1° nivel</a>
            <ul>
            	<li><a href="#">2° nivel</a>
                	<ul>
                    	<li><a href="#">3° nivel</a></li>
                        <li><a href="#">3° nivel</a></li>
					</ul>
                </li>
                <li><a href="#">subitem 2</a>
                    <ul>
                        <li><a href="#">3° nivel</a></li>
                        <li><a href="#">3° nivel</a></li>
                    </ul>
                </li>
            </ul>
        </li>
        <li><a href="#">item 4 com submenu</a>
            <ul>
            	<li><a href="#">subitem 1</a></li>
                <li><a href="#">subitem 2</a></li>
                <li><a href="#">subitem 3</a></li>
                <li><a href="#">subitem 4</a></li>
            </ul>
        </li>
        <li><a href="#">item 5 com submenu</a>
            <ul>
            	<li><a href="#">subitem 1</a></li>
                <li><a href="#">subitem 2</a></li>
                <li><a href="#">subitem 3</a></li>
            </ul>
        </li>
    </ul><!-- /menu -->

</body>
</html>
Créditos: William Bruno (Post do Fórum Imaster)

In Topic: Estabelecer Tempo No Hover

29/03/2011, 13:40

teste o link que lhe enviei por mensagem nos navegadores

In Topic: Estabelecer Tempo No Hover

29/03/2011, 13:22

A forma que eu te passei anteriomente foi testado no Chrome, FireFox e IEca...
E em todos funcionou normal.
<script type="text/javascript">
$(document).ready(function(){
$('#nav ul').hide();
		
$("#nav").find('a').click( function( e ){
	e.preventDefault();
	$("#nav ul").hide();
	if($(this).next('ul').css('display')=='none')
		$(this).next('ul').slideDown('fast')
	else
		$(this).next('ul').slideUp('fast');
	});
});
</script>

  1. Fórum WMO
  2. → Viewing Profile: Posts: dudesign
  3. Privacy Policy
  4. Regras ·
IPB Skin By Virteq