Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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>Carregando comentários...