живое фоновое изображение div - PullRequest
Новая
       8

живое фоновое изображение div

0 голосов
/ 21 октября 2009

У меня есть <div>: 

<div class="hide1" id="MDive">
    <TABLE WIDTH="1000" BORDER=0 CELLPADDING=0 CELLSPACING=0>

В этом <div> у меня есть полное тело страницы.

У меня также есть два класса: 

<style>
    .hide1 {
        background: url(bgs/bg_first.png) no-repeat;
    }
    .hide2 {
        background: url(bgs/Picture-12_SOFT.jpg) no-repeat;
    }
</style>

У меня есть одно изображение в теле: 

<div class="mover">
    <IMG SRC="images/buttons_full_03.png" WIDTH=129 HEIGHT=30 ALT="" border="0">
</div>

Что мне нужно, так это: когда курсор переходит на div.mover, класс div#MDive меняется на hide2 с анимацией.

т.е.: * фоновое изображение div#MDive изменяется на второе изображение с эффектом анимации

1 Ответ

0 голосов
/ 21 октября 2009

Вам нужно посмотреть на событие JQUery.Hover

http://docs.jquery.com/Events/hover

А потом твое одушевленное событие,

http://docs.jquery.com/API/1.3/Effects

Еще одна вершина: посмотрите на непрозрачность при изменении фонового изображения.

Pino

...