jquery效果移动imagen

时间:2013-02-28 12:56:49

标签: jquery jquery-ui

大家好我想试试这个效果

我点击了imagen(pfd的图像),当我这样做时,用户看到像imagen(或其他东西)快速移动到项目菜单,并向用户显示某些东西被保存(pfd保存)

当我碰到这个菜单项时,我会看到所有的pdf保存。

存在一个插件n jquery或类似的东西。

感谢

1 个答案:

答案 0 :(得分:0)

最后我找到了答案,我把代码放在这里给某人。 这是我的链接

 <img id="libro" class="pull-right" onclick="<?php $_SESSION['libro'][]=1 ?>" src="<?php echo JURI::root()?>/images/about/booklet.png"/>



var animatepos;
    $("#libro").click(function(){
        var current= $("#libro").clone();
        current.attr('id', 'newLibro');
        current.toggleClass('pull-right librovolatil');
        current.insertBefore("#libro");
        //$('body').append(current);
        current.offset($('#libro').offset());
        var posInicial= current.offset();
        var posDestino= $(".item-122").offset();

        var arriba= posDestino.top - posInicial.top;
        var der= posDestino.left - posInicial.left;
        animatepos = {"marginTop": arriba,
            "marginLeft": der
        };
        current.animate(animatepos
            , "slow", "", function(){
                current.remove();
            });