JBTALKS.CC

标题: 关于 html 如何让popup的视窗link去另个webpage? [打印本页]

作者: NickyRomeo 时间: 2015-12-10 04:53 PM
标题: 关于 html 如何让popup的视窗link去另个webpage?
小弟弄了一个 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>

作者: ZhiNee 时间: 2015-12-11 12:13 AM