如何编写Onclick for HTML

时间:2013-07-07 20:23:23

标签: javascript html onclick

一个程序如何一起点击多个功能。用于提出此问题的代码将很快提供。

现在澄清一下,我的目的是点击其中一个提供的链接,我希望它移动到某个元素的位置。我想让主机元素消失,然后想要打开iframe。当发生这种情况时,我希望Row中的所有其他链接(一个)(两个)(三个)中的一些如何移动或逐渐消失,直到再次单击链接。我明白这需要某种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-->

1 个答案:

答案 0 :(得分: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。