我怎样才能在我的网站上进行以下操作?

时间:2014-05-13 10:37:58

标签: javascript html iframe web embed

我希望如果有人点击链接然后只在该页面上(人们点击链接)另一个页面应该作为嵌入页面或i帧打开。如何使用html或javascript在我的网站上执行此操作?

1 个答案:

答案 0 :(得分:0)

尝试这个,但我不确定它是否有效。 的 JSFiddle - link

修改 HTML

<body>
  <div id="box">
     <a href="javascript:show();" >Link</a>
  </div>
  <div id="box2">    
     <iframe src="" id="frame" width=100% height=100%></iframe>
     <div id="close"><input type="button" onclick="closeIframe()" value="X" /></div>
  </div>
</body>

<强>的Javascript

function show()
{
  box= document.getElementById("box");
  box.style.visibility="hidden";

  frame=document.getElementById("box2");
  frame.style.visibility="visible"; 
}
function closeIframe()
{
  box2=document.getElementById("box2");
  box2.style.visibility="hidden";
  box= document.getElementById("box");
  box.style.visibility="visible";
}

<强> CSS

#box
{  
   background-color:yellow;
}
#box2
{
   position:absolute;
   top:7px; //here i've set 7px but you cant set what you want 
   visibility:hidden;
}
#close
{
   position:relative;
   left:100%;
   width:50px;
   top:-160px;
 }