создать эффект затухания на div - PullRequest
Новая
       14

создать эффект затухания на div

0 голосов
/ 05 мая 2011

У меня проблемы с созданием этого.

Я использую jQuery в качестве основной библиотеки JS. Я хотел использовать функцию fade () для создания div, который при накатывании исчезнет, ​​чтобы показать содержимое внизу.

Скажем, например, div с серым фоном с изображением сверху, которое исчезнет, ​​чтобы показать содержимое внизу. Это возможно? Я не очень хорош с JS / jQuery

Ответы [ 2 ]

2 голосов
/ 05 мая 2011

Как то так http://jsfiddle.net/dkpgQ/2/?

РЕДАКТИРОВАТЬ: код ...

HTML 

<div id="container">
    <div id="content">Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum 
    </div>
    <div id="overlay">
    </div>
</div>

1010 * Javascript * 

$("#overlay").mouseover(function() {
   $("#overlay").fadeOut("slow"); 
});

CSS 

#container {
    position:relative;
    width:200px;
}

#overlay {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-color:grey;
}
1 голос
/ 05 мая 2011

Вы можете использовать jquery 

$('#book').fadeOut('slow', function() {
   // Animation complete.
});

Эта ссылка содержит дополнительные пояснения.

Или вы можете использовать функцию jquery animate, как описано в этой ссылке

...