Question

我有2个div和1个iframe div。所以，我只需要添加动画来将这个div移到左边，我不知道怎么做，因为我已经onClick了。你可以帮帮我吗？

<div id="page3" onClick='document.getElementById("ifr").src="text2.html";'>2</div>
<div id="page1" onClick='document.getElementById("ifr").src="text1.html";'>1</div>
<div id="middlediv"><iframe id='ifr' width='100%' height='100%' src="text1.html"</iframe></div>

非常感谢!!!

所以，现在我有了这个java代码：

function proc1(){
wwidth=window.innerWidth;
wheight=window.innerHeight;
document.getElementById('rightdiv').style.height=wheight-200-10+'px';
document.getElementById('leftdiv').style.height=wheight-200-10+'px';
document.getElementById('middlediv').style.height=wheight-200-10+'px';
document.getElementById('middlediv').style.width=wwidth-200-10+'px';
}
function MoveGridLeft()
{
   $('#page3').animate({
   'marginLeft' : "+=50px"
   });
 }

并且此脚本描边<script type="text/javascript" src="jquery.min.js" src="1.js"> 1.js有一个代码在上面。动画不起作用，脚本不起作用

Answer 1

您可以在一个事件中调用两个函数

onClick='document.getElementById("ifr").src="text2.html"; MoveGridLeft();'

jQuery函数移动

function MoveGridLeft()
{
   $('#page3').animate({
   'marginLeft' : "-=50px"
   });
 }

更新：

从此link下载jQuery文件，并将对项目的引用添加为：

<script type="text/javascript" src="/scripts/jquery-1.9.1.min.js"></script>

以下是article，其中介绍了如何使用CSS3制作动画。

Answer 2

onclick等内联处理程序中的所有javascript代码都会自动包含在函数中，请参阅SO上的this question。

因此，没有理由不能添加额外的语句（或本例中的函数调用），例如：
onclick="document.getElementById('ifr').src='text1.html'; moveDivLeft();"

更新（针对您更新的问题）：

Java没有没有与像javascript这样的EcmaScript方言。
您从Shafqat Masood's answer复制的（JQuery相关）函数MoveGridLeft会增加左边距，因此会将div移至右侧而不是将其移动到左。根据您的代码，您需要设置正确的属性（如左|右位置|边距）以实现您的目标（考虑您现有的标记/布局/样式）。根据您的所有评论（在此问题下方）查看此示例 jsfiddle：jsfiddle.net/t74fT/3/
行：<script type="text/javascript" src="jquery.min.js" src="1.js">错误：您给了它2个无效标记的来源每个（外部）脚本都有自己的脚本标记，如：
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="1.js"></script>
请注意，现在您有3个文件，而不是您最初提出的1个文件。

使用onClick是不可能的

2 个答案: