lkm Posted April 25, 2012 Report Share Posted April 25, 2012 preciso fazer esse efeito usando uma imagem ao invés do botão<style>.slide {position:relative;}.slide .inner { position:absolute; left:0; bottom:0; color: #66cc66;}.slide { position:relative; overflow:hidden; height:120px; width:350px; margin:1em 0; background-color:#ffc; border:1px solid #999; } .slide .inner { position:absolute; left:0; bottom:0; width:338px; height:36px; padding:6px; background-color:#4c5; color:#333; } .slide button {margin:.7em 0 0 .7em;} #slidebottom .inner {display:none;}</style><script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script>$(document).ready(function(){ $('#slidebottom button').hover(function(){ $(this).next().slideToggle(300); })});</script><body><div id="slidebottom" class="slide"> <button>gfdfgdfgdf</button><div class="inner">Executar efeito</div></div> Quote Link to comment Share on other sites More sharing options...
0 Churc Posted April 25, 2012 Report Share Posted April 25, 2012 já tentou trocar onde está<button>gfdfgdfgdf</button>por<img src="caminhodaimagem">e$(document).ready( function() { $('#slidebottom button').hover(function(){ $(this).next().slideToggle(300); }); } ); por $(document).ready( function() { $('#slidebottom img').hover(function(){ $(this).next().slideToggle(300); }); } );pela lógica era pra funcionar agora, talvez não... teste rsr Quote Link to comment Share on other sites More sharing options...
0 lkm Posted April 25, 2012 Author Report Share Posted April 25, 2012 já tentei e também não rolou, está parecendo uma coisa simples mas já estou um tempão em cima disso.agora funcionou, fiz o que você me passou e também troquei a biblioteca jquery para versão 1.7.2.Obrigado Quote Link to comment Share on other sites More sharing options...
Question
lkm
preciso fazer esse efeito usando uma imagem ao invés do botão
Link to comment
Share on other sites
2 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.