Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Gente ja me matei tentando resolver isso, estou utilizando 2 pluings jquey mais quando insiro um tudo bem, já o segundo não pega, já usei até o jquey noconflit, esse e outro site que estou criando.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "url=[http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd [/url]">
<html>
<head>
<title>Slide Down Box Menu with jQuery and CSS3</title>
<script type="text/javascript">
var $JQuery = jQuery.noConflict()
$JQuery(document).ready(function() {
$JQuery("#ad").fadeIn("slow");
$JQuery("#close").click(function () {
$JQuery("#ad").fadeOut("slow");
});
});
</script>
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/stapel.css" />
<link rel="stylesheet" type="text/css" href="css/custom.css" />
<style type="text/css">font-family: Lato, Calibri, Arial, sans-serif;
}
</style>
<script src="js/modernizr.custom.63321.js"></script>
<!--[if lte IE 7]><style>.support-note .note-ie{display:block;}</style><![endif]-->
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
<style>background: #333 url(bg.jpg) repeat top left;
font-family: Arial;
background-image: url(../img/Gisele_Bundchen_-_Poster.jpg);
}position:fixed;
left:10px;
bottom:10px;
font-size:12px;
}color:#aaa;
text-transform:uppercase;
text-decoration:none;
text-shadow:1px 1px 1px #000;
margin-right:30px;
}color:#ddd;
}margin-top:150px;
}text-indent:-9000px;
background:transparent url(title.png) no-repeat top left;
width:633px;
height:69px;
}
</style>
<script type="text/JavaScript">function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
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 P7_ShowPic(a,B) { //v2.0 by PVII
var g,gg,d,dd,ic,im;if((g=MM_findObj(B))!=null){
if(!document.P7ShowPic){document.P7ShowPic=true;}else{
if((d=MM_findObj(document.P7SPlay))!=null){
dd=(document.layers)?d:d.style;dd.visibility="hidden";}}
document.P7SPlay=b;gg=(document.layers)?g:g.style;im=b+"im";
if((ic=MM_findObj(im))!=null){ic.src=a;gg.visibility="visible";}}
}</script>
<script type="text/javascript" src="js/jquery.min2.js"></script>
<script type="text/javascript" src="js/jquery.stapel.js"></script>
<script type="text/javascript">
$(function() {
var $grid = $( '#tp-grid' ),onLoad : function() {
$loader.remove();
},
onBeforeOpen : function( pileName ) {
$name.html( pileName );
},
onAfterOpen : function( pileName ) {
$close.show();
}
} );
$close.on( 'click', function() {
$close.hide();
$name.empty();
stapel.closePile();
} );
} );
</script>
<!-- The JavaScript -->
<script type="text/javascript" src="[url=[http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js](http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js)][http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js](http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js) [/url]"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript"> $('#sdt_menu > li').bind('mouseenter',function(){
var $elem = $(this);.animate({'height':'170px'},300,function(){
var $sub_menu = $elem.find('.sdt_box');
if($sub_menu.length){
var left = '170px';left = '-170px';
$sub_menu.show().animate({'left':left},200);
}
});
}).bind('mouseleave',function(){
var $elem = $(this);
var $sub_menu = $elem.find('.sdt_box');
if($sub_menu.length)
$sub_menu.hide().css('left','0px');
$elem.find('.sdt_active')
.stop(true)
.animate({'height':'0px'},300)
.andSelf().find('img')
.stop(true)
.animate({
'width':'0px',
'height':'0px',
'left':'85px'},400)
.andSelf()
.find('.sdt_wrap')
.stop(true)
.animate({'top':'25px'},500);
});
});
</script>
</head>
<body>
<div class="content">
<ul id="sdt_menu" class="sdt_menu">
<li>
<a href="#">
<img src="images/2.jpg" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_link">Inicio</span>
<span class="sdt_descr">Get to know me</span>
</span>
</a>
</li>
<li>
<a href="#">
<img src="images/1.jpg" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_link">Moda</span>
<span class="sdt_descr">My work</span>
</span>
</a>
<div class="sdt_box">
<a href="#">Websites</a>
<a href="#">Illustrations</a>
<a href="#">Photography</a>
</div>
</li>
<li>
<a href="#">
<img src="images/3.jpg" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_link">Inspiração</span>
<span class="sdt_descr">Where ideas get born</span>
</span>
</a>
</li>
<li>
<a href="#">
<img src="images/4.jpg" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_link">Desenhos</span>
<span class="sdt_descr">I like to photograph</span>
</span>
</a>
</li>
<li>
<a href="#">
<img src="images/5.jpg" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_link">Contato</span>
<span class="sdt_descr">I write about design</span>
</span>
</a>
</li>
<li>
<a href="#">
<img src="images/6.jpg" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_link">Projetos</span>
<span class="sdt_descr">I like to code</span>
</span>
</a>
<div class="sdt_box">
<a href="#">Job Board Website</a>
<a href="#">Shopping Cart</a>
<a href="#">Interactive Maps</a>
</div>
</li>
</ul>
</div>
<div class="container">
<!-- Codrops top bar -->
<header class="clearfix">
<nav class="codrops-demos"></nav>
<div class="support-note">
<span class="note-ie">Sorry, only modern browsers.</span>
</div>
</header>
<section class="main">
<div class="wrapper">
<div class="topbar">
<span id="close" class="back">←</span>
<h2>Dribbble's Talent</h2><h3 id="name"></h3>
</div>
<ul id="tp-grid" class="tp-grid">
<!-- Bryan Moats -->
<li data-pile="Bryan Moats">
<a href="[url=[http://drbl.in/cmVe](http://drbl.in/cmVe)][http://drbl.in/cmVe](http://drbl.in/cmVe) [/url]">
<span class="tp-info"><span>Flu & You</span></span>
<img src="images/1/1.jpg" />
</a>
</li>
<li data-pile="Bryan Moats">
<a href="[url=[http://drbl.in/cmhM](http://drbl.in/cmhM)][http://drbl.in/cmhM](http://drbl.in/cmhM) [/url]">
<span class="tp-info"><span>Test Your Flu IQ</span></span>
<img src="images/1/2.jpg" />
</a>
</li>
<li data-pile="Bryan Moats">
<a href="[url=[http://drbl.in/eKdt](http://drbl.in/eKdt)][http://drbl.in/eKdt](http://drbl.in/eKdt) [/url]">
<span class="tp-info"><span>Unexpected Fatherly Faces and Feelings</span></span>
<img src="images/1/3.jpg" />
</a>
</li>
<!-- Mike Dornseif -->
<li data-pile="Mike Dornseif">
<a href="[url=[http://drbl.in/eiUm](http://drbl.in/eiUm)][http://drbl.in/eiUm](http://drbl.in/eiUm) [/url]">
<span class="tp-info"><span>On to Easter</span></span>
<img src="images/2/1.jpg" />
</a>
</li>
<li data-pile="Mike Dornseif">
<a href="[url=[http://drbl.in/ekMY](http://drbl.in/ekMY)][http://drbl.in/ekMY](http://drbl.in/ekMY) [/url]">
<span class="tp-info"><span>Love Birds</span></span>
<img src="images/2/2.jpg" />
</a>
</li>
<li data-pile="Mike Dornseif">
<a href="[url=[http://drbl.in/esQV](http://drbl.in/esQV)][http://drbl.in/esQV](http://drbl.in/esQV) [/url]">
<span class="tp-info"><span>Here Fishy fishy</span></span>
<img src="images/2/3.jpg" />
</a>
</li>
<!-- Griffin Moore -->
<li data-pile="Griffin Moore">
<a href="[url=[http://drbl.in/fzUB](http://drbl.in/fzUB)][http://drbl.in/fzUB](http://drbl.in/fzUB) [/url]">
<span class="tp-info"><span>Briefcase</span></span>
<img src="images/3/1.jpg" />
</a>
</li>
<li data-pile="Griffin Moore">
<a href="[url=[http://drbl.in/fQEv](http://drbl.in/fQEv)][http://drbl.in/fQEv](http://drbl.in/fQEv) [/url]">
<span class="tp-info"><span>Clipboard</span></span>
<img src="images/3/2.jpg" />
</a>
</li>
<li data-pile="Griffin Moore">
<a href="[url=[http://drbl.in/fREU](http://drbl.in/fREU)][http://drbl.in/fREU](http://drbl.in/fREU) [/url]">
<span class="tp-info"><span>Sweet pack</span></span>
<img src="images/3/3.jpg" />
</a>
</li>
<!-- Andrea Austoni -->
<li data-pile="Andrea Austoni">
<a href="[url=[http://drbl.in/cyWa](http://drbl.in/cyWa)][http://drbl.in/cyWa](http://drbl.in/cyWa) [/url]">
<span class="tp-info"><span>Growth in 2012 (Holiday Card)</span></span>
<img src="images/4/1.jpg" />
</a>
</li>
<li data-pile="Andrea Austoni">
<a href="[url=[http://drbl.in/cRkb](http://drbl.in/cRkb)][http://drbl.in/cRkb](http://drbl.in/cRkb) [/url]">
<span class="tp-info"><span>Grady Wilson</span></span>
<img src="images/4/2.jpg" />
</a>
</li>
<li data-pile="Andrea Austoni">
<a href="[url=[http://drbl.in/cSKM](http://drbl.in/cSKM)][http://drbl.in/cSKM](http://drbl.in/cSKM) [/url]">
<span class="tp-info"><span>More Cowbell</span></span>
<img src="images/4/3.jpg" />
</a>
</li>
</ul>
</div>
</section>
</div><!-- /container -->
</body>
</html> Alguém sabe onde estou errando?Carregando comentários...