简单的JavaScript问题

我有一个简单的问题，我想我解决不了简单的JavaScript问题

下面是完整的代码

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script> 
<style type="text/css"> 
<!-- 
#content{ 
    width:300px; 
    height:300px; 
    background-color:#FF0000; 
    overflow:hidden; 
    position: relative; 
    top: -300px; 
} 
#content1{ 
    width:300px; 
    background-color:#33FF00; 
    height:300px; 
    z-index:100; 
    position: relative; 
    left: 300px; 
} 
#content2{ 
    width:300px; 
    height:300px; 
    background-color:#000099; 
    z-index:100; 
    position: relative; 
    top: -400px; 
} 



--> 
</style> 


</head> 
<body> 
<script language="javascript"> 
function example_animate(px) { 
    $('#content2').animate({ 
     'marginTop' : px 
    }); 
} 
</script> 
<script language="javascript"> 
function example_animate2(px) { 
    $('#content1').animate({ 
     'marginLeft' : px 

    }); 


} 
</script> 


    <p> 

     <input type="button" value="Move Up" onClick="example_animate('-=200px')" /> 
     <input type="button" value="Move Left" onclick="example_animate2('-=300px')" /> 

    </p> 
    <div id="content1"></div> 


    <div id="content"> 

</div> 


<div id="content2"></div> 




</body> 
</html>

现在，在我需要帮助和几件事情不知道如何他们能做到吗？首先，我该如何让这两个动画只出现一次？

其次，绿色盒子怎么会总是出现在蓝色的盒子上？

然后，如何让按钮消失后点击？。所以当我例如点击“上移”时，我需要那个按钮消失。

最后，当“Move Left”被触发时，我需要“Move Up”按钮消失，就像“Move Left”一样，另一方面，“Move Left”不会消失当“上移”被点击时（“上移”只会）

这是简单的，可以做到吗？请帮忙！

来源

2011-09-19 Pero Maric

您可能想将其分解为单个问题。你在一个帖子中问了很多。 – JohnFx

那么我有四件事情要实现，一件没有另一件对我来说没用。但是如果你能帮助其中的一个，那会很棒！ –

看起来这是在我得到机会之前关闭的道路。问题是社区试图将问题重新用于有类似问题的其他人。通过将所有这些结合在一起，并根据您的具体情况明确陈述它们，您将限制答案对您的具体案例的实用性。此外，它的措辞有点像“为我做这件事”而不是一个常常得不到好的问题。 – JohnFx

>>我怎样才能使被点击
后，如果您设置ID到按钮按钮消失，它可以像这样

$(document).ready(function() { 
$("#button1").click(function() { 
$(this).hide(); 
}); 
});

进行使用$（元素）。单击（.. 。）您将事件侦听器添加到特定元素，但只有在dom准备就绪后才能完成。阅读关于js和事件以了解我在说什么。

>>当“左移”是triggerd，我想那“上移”按钮也消失了，就像“向左移动”为moveLeft
添加单击处理程序，其中为moveUp消失，就像上面的例子中
编辑：“this”指被点击的元素。在moveLeft点击处理程序中使用moveUp id使其消失。
>>我需要一个绿色的盒子总是出现在你的箱子蓝色的
组Z指数风格
>>我想这两个动画只能出现一次
你可以设置一些animationComplete变量，显示动画是否完成。

来源

2011-09-19 23:05:17

谢谢！我已经让绿框出现在其他所有内容上，现在我会尝试你写的所有内容 –

简单的JavaScript问题

回答

相关问题