关于 html 如何让popup的视窗link去另个webpage?

[复制链接]

NickyRomeo

2015-12-10 04:53 PM

小弟弄了一个 overlay-popup，但是不懂如何让pop-up是视窗链接和读取link(web page)??
文字和图片就没问题

<div class="main-content">
<p>Please <a class="show-popup" href="#" data-showpopup="1" >click here</a> to see the popup 1</p>
<p>Try <a class="show-popup" href="#" data-showpopup="2" >clicking here</a> to see the popup 2</p>
<p>Now try <a class="show-popup" href="#" data-showpopup="3" >clicking here</a> to see the popup 3</p>
</div>

<div class="overlay-bg">
</div>
<div class="overlay-content popup1">
<p>Oh My! This is a popup!</p>
<button class="close-btn">Close</button>
</div>
<div class="overlay-content popup2">
<img src="00.jpg" alt="">
<button class="close-btn">Close</button>
</div>
<div class="overlay-content popup3">
<a href="index.html"></a>
<button class="close-btn">Close</button>
</div>

会的大大麻烦教教

leon_lcl

2015-12-10 06:03 PM

如果是要display 其他webpage content，用iframe
如果是要link 就 <a href="index.html">Index</a>

叮噹夢

2015-12-10 11:13 PM

用iframe就可以是了
<div class="main-content">
<p>Please <a class="show-popup" href="#" data-showpopup="1" >click here</a> to see the popup 1</p>

</div>

<div class="overlay-bg">
</div>
<div class="overlay-content popup1">
<p>Oh My! This is a popup!</p>
<button class="close-btn">Close</button>
<iframe src="http://google.com" ></iframe>
</div>