求iframe 用法帮助
例上图要实现点击企业文化或产品展示,下面显示预做好的网页,我的代码如下,就是点击没有反应,求高手援手:
<div id="menu2">
<ul>
<li><a href="#">首 页</a></li>
<li><a href="wenh.html" target="centers">企业文化</a></li>
<li><a href="#">产品展示</a></li>
<li><a href="#">新闻中心</a></li>
<li><a href="#">阳光服务</a></li>
<li><a href="#">在线咨询</a></li>
<li><a href="#">站长资料</a></li>
</ul></div>
<iframe name="centers" style="width:1024px; height:2000px; display:none; padding:0px; margin:-10px 0 0 0; background-color:#000;" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
看看有没有什么错,或没有写到的,谢谢大家了!
------解决方案--------------------display赋值成none了,不显示
------解决方案--------------------把display:none; 去了,改为下面的:
<iframe name="centers" style="width:1024px; height:2000px; padding:0px; margin:-10px 0 0 0; background-color:#000;" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
------解决方案--------------------都隐藏了
怎么显示
------解决方案--------------------你想通过点击li里面的a标签来改变底下iframe里面的src不同网页的路径。
iframe 加上id改display:block,
大概就是这样你自己测试一下。
<li><a href="#">产品展示</a></li>
全部改成:
<li><a href="#" onclick="setUrl('你的网页地址.aspx')">产品展示</a></li>
加个脚本:
<script type="text/javascript">
function setUrl(url){
document.getElementById('centers').src=url;
}