Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/367.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
Javascript 浮动div-向现有脚本添加多个div_Javascript_Jquery_Css_Html - Fatal编程技术网

Javascript 浮动div-向现有脚本添加多个div

Javascript 浮动div-向现有脚本添加多个div,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我正在使用它作为我的web项目的门户。作为答案发布的JSFIDLE脚本本质上就是我想要的,但是我不确定如何使多个div同时在窗口中滑动。我希望有像“怪异的怪物”一样的有文本链接的div。我试着自己编辑,但没有用,因为我对脚本的知识很差。这就是你要找的吗 我把动画电视换成了obj function animateDiv(obj){ var newq = makeNewPosition(); var oldq = $(obj).offset(); var speed = calcSpeed([ol

我正在使用它作为我的web项目的门户。作为答案发布的JSFIDLE脚本本质上就是我想要的,但是我不确定如何使多个div同时在窗口中滑动。我希望有像“怪异的怪物”一样的有文本链接的div。我试着自己编辑,但没有用,因为我对脚本的知识很差。

这就是你要找的吗

我把动画电视换成了obj

function animateDiv(obj){
var newq = makeNewPosition();
var oldq = $(obj).offset();
var speed = calcSpeed([oldq.top, oldq.left], newq);

$(obj).animate({ top: newq[0], left: newq[1] }, speed, function(){
  animateDiv(obj);        
});
})

我打电话给了所有部门的每个人

$("div").each(function(i,v){animateDiv(v)});   

我想这就是你想要的:

$(document).ready(function(){

    $(".example_selector").each(function() {
         animateDiv($(this));
    });
});
请参见小提琴上的完整示例:


是的,我看到了。。。投票赞成提出同样的解决方案。