Эффект FadeIn и fadeOut для функции onclick

Question

Эффект FadeIn и fadeOut для функции onclick

0

Возможно ли fadeIn, fadeOut или другое влияние на функцию onclick?

EG Когда щелкните

<a href="#" onclick="document.getElementById('test').style.backgroundImage='url(img/test.jpg)'" ><span class="left">Test</span>></a>

изменить фон в эффекте затухания?

Slaythern Aareonna 15 нояб. 2013, в 11:48

Источник

2

stackoverflow.com/questions/12584481/...
Krish R 15 нояб. 2013, в 10:05

Теги:

javascript

jquery

onclick

fadein

fadeout

2 ответа

Ещё вопросы

Vicky Gonsalves · Answer 1 · 2013-11-15T08-10-00.000Z

<a href="javascript:changeBackground('img/test.jpg')"><span class="left">Test</span>></a>
<div id="test" style="display: none;"></div>
<script>
    function changeBackground(src) {
        var img = new Image();
        img.src = src;
        img.onload = function () {
            $('#test').fadeIn();
        }
    }
</script>

Вы можете сделать это с помощью jQuery

Miquel Las Heras · Answer 2 · 2013-11-15T07-40-00.000Z

Попробуйте добавить этот стиль:

<style>
#test {

transition: background .1s linear;
-webkit-transition: background .1s linear;
-moz-transition: background .1s linear;
-o-transition: background .1s linear;

}
</style>

<a href="#" onclick="document.getElementById('test').style.backgroundImage='url(img/test.jpg)'" ><span class="left">Test</span>></a>