查看: 1515|回复: 11

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

2 主题	0 好友	9 积分

入门会员

发消息

电梯直达

1^#

发表于 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>

会的大大麻烦教教

收藏0

使用道具举报

leon_lcl

16 主题	0 好友	1188 积分

黄金长老

Rank: 8 Rank: 8 Rank: 8 Rank: 8 Rank: 8 Rank: 8 Rank: 8 Rank: 8

发消息

2^#

发表于 2015-12-10 06:03 PM |只看该作者

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

使用道具举报

叮噹夢

2 主题	1 好友	68 积分

中级会员

Rank: 2 Rank: 2

发消息

3^#

发表于 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>