0

1 つのプログラム オンクリックで複数の機能を一緒に使用するにはどうすればよいでしょうか。この問題を解決するために使用されたコードは、まもなく提供されます。

明確にするために、私の目的は、提供されたリンクのいずれかをクリックすることであり、特定の要素の場所に移動したいと考えています。ホスト要素を非表示にしてから、iframe を開きたい。これが発生している間、Row(one)(two)(three) の他のすべてのリンクを、リンクが再度クリックされるまで移動またはフェードアウトする方法が必要です。これにはある種の Jquery が必要であることは理解しています。Jquery を持っている人がいたら教えてください。私は自分自身を開発することも見つけることもできませんでした。私を助けてくれる人に感謝します!

<div id="external_links">
<ul id="Rowone">
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a>
    </li>
    <li><a href="http://www.chiefdelphi.com/forums/portal.php" title="ChiefDelphi - Forums"><h3>Chief Delphi</h3></a>
    </li>
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a>
    </li>
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a>
    </li>
</ul>
<ul id="Rowtwo">
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a>
    </li>
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a>
    </li>
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a>
    </li>
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a>
    </li>
</ul>
<ul id="Rowthree">
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a>
    </li>
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a>
    </li>
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a>
    </li>
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a>
    </li>
</ul>
<iframe src="http://www.dptv.org/programs/robotics/index.shtml?cmpgn=shorturl" width="200" height="200"></iframe>
    </div>

    </div>

</div> 
<!--#external_links-->
4

1 に答える 1

1

html を次のように変更します。

<a href="http://www.andymark.com/" title="AndyMarks - Distributor" OnClick="myfunction()">

そして、js ファイルまたはスクリプト タグ ゾーンに関数呼び出しを追加します。

function myfunction(){
    ifrm = document.getElementsByTagName("IFRAME"); 
    ifrm.setAttribute("src", "http://stackoverflow.com/");
}

JavaScript でフェード効果が必要な場合は、それほど簡単ではありません。そのためにjQueryを使用します。

于 2013-07-07T20:34:22.803 に答える