Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery效果移动图像_Jquery_Jquery Ui - Fatal编程技术网

jquery效果移动图像

jquery效果移动图像,jquery,jquery-ui,Jquery,Jquery Ui,大家好,我想试试这个效果 我点击一个imagen(pfd的图像),当我这样做时,用户会看到像imagen(或其他什么)一样快速移动到一个项目菜单,并向用户显示某个内容已保存(pfd已保存) 当我点击此菜单项时,我将看到所有pdf保存 存在jquery或类似插件 谢谢最后我找到了答案,我在这里为某人写了代码。 这是我的链接 <img id="libro" class="pull-right" onclick="<?php $_SESSION['libro'][]=1 ?>" s

大家好,我想试试这个效果

我点击一个imagen(pfd的图像),当我这样做时,用户会看到像imagen(或其他什么)一样快速移动到一个项目菜单,并向用户显示某个内容已保存(pfd已保存)

当我点击此菜单项时,我将看到所有pdf保存

存在jquery或类似插件


谢谢

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

 <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();
            });
/images/about/booklet.png/>
var animatepos;
$(“#libro”)。单击(函数(){
var current=$(“#libro”).clone();
current.attr('id','newLibro');
current.toggleClass('pull-right librovolatir');
当前。插入之前(“#libro”);
//$('body')。追加(当前);
当前.offset($('#libro').offset());
var posinical=current.offset();
var posDestino=$(“.item-122”).offset();
var arriba=posDestino.top-posinical.top;
var der=posDestino.left-posinical.left;
animatepos={“marginTop”:arriba,
“marginLeft”:第
};
当前动画(动画制作)
,慢,函数(){
current.remove();
});