标签: jquery-effects

我正在使用这个JQuery UI组件:

http://docs.jquery.com/UI/Effects/Transfer

我的代码是这样的:

$(".button").click(function () {
  var source = $(this).attr("src");
  $(".ui-effects-transfer").css("background-image", "url("+source+")");  
  $(this).effect("transfer", { to: $(".target") }, 1000);
});

但是这一行不会影响传输脚本:

$(".ui-effects-transfer").css("background-image", "url("+source+")"); 

我怎样才能解决这个问题？

使用jQuery UI,有一个惊人的爆炸效果.我想知道他们是如何创造它的.

我正在寻找实施; 如何在不诉诸jQuery UI的情况下创建该效果并单独使用jQuery实现该效果？

在jQuery中,以下会不会那么顺利？

$('<a href= ... ><img src= ...  /></a>').prependTo($('#someDiv')).hide().fadeIn()

它会实际显示一瞬间添加的元素,然后将其隐藏,然后淡入淡出？

那么动画会不会那么流畅？

有没有更好的方法？

或者以下？

$('<a style="display:none" href= ... ><img src= ...  /></a>').prependTo($('#someDiv')).fadeIn()

要么

$('<a href= ... ><img src= ...  /></a>').hide().prependTo($('#someDiv')).fadeIn()

更新:原来是

$('#someDiv').prepend('<a href= ><img src  /></a>').hide().fadeIn()

实际上可能隐藏#someDiv它然后褪色它？

单击按钮时,将显示隐藏的图像.我遇到的问题是我希望(现在)背景褪色或变黑,发生的事情是一切都褪色,包括显示的图像.

显示隐藏的图像

如何淡出只有背景？

<div id="chart" style="text-align: center;display:none;position:fixed;z-index:-100;">
    <img src="/donor-radar-chart?radar=%5B%5B%22W.Feather%22%2C0%2C26635692%2C240660%5D%2C%5B%22Jesterium%22%2C6%2C26297636%2C668476%5D%2C%5B%22OCFthanks%5BH%5D%22%2C6%2C19286508%2C8442507%5D%2C%5B%22wyluliraven%22%2C11%2C23246906%2C2486642%5D%2C%5B%22Quisarious%22%2C21%2C15048498%2C4027046%5D%2C%5B%22Breeze%22%2C22%2C23116432%2C1369416%5D%2C%5B%22Filter%22%2C40%2C27698092%2C54722%5D%2C%5B%22Axiomatic%22%2C70%2C16109511%2C1287889%5D%2C%5B%22DEJ915%22%2C80%2C21659570%2C677966%5D%2C%5B%22rIg0r_m0rTiS%22%2C84%2C29503180%2C1212%5D%2C%5B%22daggerhead%22%2C103%2C2553248%2C1880421%5D%5D"
        width="640" height="300" class="imgChart" alt="Donor Radar Chart"
        />
    </div>

<div style="background-color: #fafafa;">
    <table class="radar" id="radar" width="100%">
        <thead>
            <tr>
                <th colspan="2">Overtake</th>
                <th rowspan="3">Challenging Member</th>
                <th colspan="10">Challenging Member Stats
                    <span>
                        <input type="button" value="Chart" onclick="
                            var $body = $('body');
                            var $chart = $('#chart');
                            var left = Math.floor(($body.outerWidth() - 640) / 2);
                            var top = Math.floor(($body.outerHeight() - 300) / 2);
                            $body.fadeTo('fast', 0.5);
                            $chart
                                .css('left', left).css('top', top)
                                .css('z-index', '100').fadeTo('fast', 1);
                            $chart.on('click', function() {
                                $chart.fadeOut('fast');
                                $body.fadeTo('fast', 1);
                            }); …