网页设计iframe

来源：百度知道 编辑：UC知道 时间：2024/05/22 08:52:34
我想设计点击导航条上的几个字下面就会出现iframe里的东西,怎样把字和iframe链接阿?

那不是iframe，那是网页的层，或者准确的说叫AP元素，需要用CSS或javascript技术，CSS是a:hover里设显示层，javascript是在onmouseover里，楼主应把网页设计的基本原理搞清楚才好做网页

给楼主段我刚刚写的，很简单，不过不知道是不是楼主要的效果，如果不是也当个参考吧！

1，建一个HTML，代码：
---------------------------------------------------------------------
<html>
<head>
<title>导航测试</title>
</head>
<body>
<a href="#">导航条上的几个字</a><br>
<iframe id="iframe" src="iframe.htm" style="display:none"></iframe>
</body>
</html>
<script>
//把onmouseover改成onmousedown就变成点击显示
document.onmouseover = function()
{
if(event.srcElement.innerHTML == "导航条上的几个字")
{
document.getElementById("iframe").style.display = "block";
}
}
</script>
---------------------------------------------------------------------

2，建一个iframe.htm网页，里面的内容随便放些测试