日期:2014-05-17  浏览次数:20464 次

求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>



看看有没有什么错,或没有写到的,谢谢大家了!
html iframe? css div 企业文化

------解决方案--------------------
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;
    }