Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

lkm

[Resolvido] Como fazer esse feito usando imagem e não botão

Por , em Javascript

Recommended Posts

lkm    0

lkm
Postado

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>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito