如何使用CSS更改iframe的src [英] How to change the src of an iframe with css
本文介绍了如何使用CSS更改iframe的src的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有此代码和idk如何做到这一点,所以当我单击菜单"中的项目时,不重定向到其他页面而是更改iframe的src.
代码:
I have this code and idk how to make it so when I click on the items in the "menu" to not redirect to other pages but to change the src of the iframe.. should I change the
Code:
<html>
<head>
<title> First attempt at html/css </title>
<style>
#header {
background-color:black;
color:white;
text-align:center;
padding:5px;
}
#menu {
background-color:#eeeeee;
height:470px;
width:200px;
float:left;
text-align:center;
padding:5px;
}
#content {
float:left;
}
#footer {
background-color:black;
color:white;
clear:both;
text-align:center;
padding:5px;
}
</style>
</head>
<body>
<div id="header">
<h1> Movies Gallery</h1>
</div>
<div id="menu">
<a href="the_maze_runner.html" style="text-decoration:none"> The Maze Runner </a> <br>
<a href="guardians_of_the_galaxy.html" style="text-decoration:none"> Guardians of The Galaxy </a> <br>
<a href="the_guest.html" style="text-decoration:none"> The Guest </a> <br>
<a href="edge_of_tomorrow.html" style="text-decoration:none"> Edge of Tomorrow </a>
</div>
<div id="content">
<iframe src="the_maze_runner.html" width=1110px height=475px frameborder=0></iframe>
</div>
<div id="footer">
Copyright Andrew.Xd 2014
</div>
</body>
</html>
我仍然是该领域的入门者,所以我真的不知道如何修改代码以获得我想要的东西.
I'm still a starter in this domain so I really have no idea how should I modify the code to obtain what I intend to.
推荐答案
您只需在菜单项中添加目标,在iframe中添加名称,例如所以:
You can simply add a target to your menu-items and a name to your iframe, like so:
<a target="frameName" href="the_maze_runner.html" style="text-decoration:none">The Maze Runner</a>
<iframe name="frameName" src="the_maze_runner.html" width=1110px height=475px frameborder=0></iframe>
还是我误解了这个问题?
Or did I missunderstand the question?
这篇关于如何使用CSS更改iframe的src的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文