Suavizar abertura de div escondida

[iLilith 0]

Bom eu queria suavizar uma div, que ao passar o mouse por cima ela abra suavemente..

 

codigo javascript que estou usando

function mostrarElemento(id, visibilidade) {   
	document.getElementById(id).style.display = visibilidade;   
}

agr o css

.prodImagem {  
    width: 200px;   
    height: 150px;   
    background-color:#000000;   
    display: none; 
	filter:alpha(opacity=50); 
	opacity:0.5; 
    position: absolute;
    color: white;   
    padding: 5px;   
	border-radius: 5px;
	box-shadow: 3px 3px 3px #888888;
}

e codigo html

	<a href="#" onMouseOver="mostrarElemento('img1', 'inline');"  onMouseOut="mostrarElemento('img1', 'none');">Produto 001</a>
	<div id="img1" class="prodImagem">VIP <img src="images/elusart2.jpg" alt="img1" /></div>

o que eu poderia fazer para suavizar abertura dela?

[jgustavo99 85]

Olá Amigo! Suavizar elemento você diz colocar uma opacidade na div? Se sim, poderá usar CSS no efeito Hover... Use a propriedade opacity:0.6; qualquer coisa pesquisa na internet sobre essa propriedade... Se não, não entendi...

[iLilith 0]

suavizar me refiro tipo, já tá em opacity e tudo, o código e o seguinte, vc passa o mouse por cima e aparte um conteúdo oculto do lado, porém aparece sem efeito.. oque eu queria era por um efeito pra ele tipo abrir um pouco mais lento .. com uma suavização

[William Bruno 1501]

Dá uma estudada em css transitions

[iLilith 0]

mas como coloco isso no jquery?

[angelorubin 142]

Procure por fade no jQuery.

 

Veja se ajuda - http://tableless.com.br/criando-efeito-de-fadein-e-fadeout-com-javascript-puro

 

Exemplo online - http://jsfiddle.net/angelorubin/3wsvodkh/33/

[William Bruno 1501]

Esquece jQuery. Usa css3.

 

Pesquisou ?

[angelorubin 142]

Como assim esquece jQuery?

Você agora manda nas escolhas da pessoas?

Se o cara quiser utilizar jquery, ele utiliza !

Aprenda a não ser pretensioso.