0

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 には上記のコードがあります。アニメーションが機能しない、スクリプトが機能しない

4

2 に答える 2

0

1 つのイベントで 2 つの関数を呼び出すことができます

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

移動するjQuery関数

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

更新しました：

このリンクから jQuery ファイルをダウンロードし、プロジェクトへの参照を次のように追加します。

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

CSS3を使ってアニメーションする方法を解説した記事はこちらです。

于 2013-04-28T14:10:01.097 に答える
0

インライン ハンドラー内のすべての JavaScript コードonclickは、自動的に関数にラップされます。 SO に関するこの質問を参照してください。

したがって、次のような余分なステートメント (またはこの場合は関数呼び出し) を追加できない理由はありません。
onclick="document.getElementById('ifr').src='text1.html'; moveDivLeft();"

更新（更新された質問に）：

  • Java は、javascript のような EcmaScript 方言と は何の関係もありません。
  • Shafqat Masood's answerMoveGridLeftからコピーした(JQuery 依存) 関数は、 left marginを増やすため、div をleftではなく右に移動します。コードによっては、目的を達成するために正しいプロパティ (left|right position|margin など) を設定する必要があります (既存のマークアップ/レイアウト/スタイルを考慮して)。すべてのコメントに基づいて、この例の 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>
    ます。
于 2013-04-28T14:15:35.733 に答える