首页 > 技术文章 > 带ifrmae的弹窗

danydong 2016-10-14 16:52 原文

<script>
function sAlertIframe(e,src){
    sAlert(e)
    $(e).find('iframe').attr('src',src);
    $(e).find('.close').show();
}
</script>
<ul class="pic_list">
  <li><a href="javascript:void(0)" onclick="sAlertIframe($('#div_1'),'iframe1.php');"><img src="images/img_01.jpg" width=212 height=157></a></li>
  <li><a href="javascript:void(0)" onclick="sAlertIframe($('#div_1'),'iframe2.php');"><img src="images/img_02.jpg" width=212 height=157></a></li>
  <li><a href="javascript:void(0)" onclick="sAlertIframe($('#div_1'),'iframe3.php');"><img src="images/img_03.jpg" width=212 height=157></a></li>
  <li><a href="javascript:void(0)" onclick="sAlertIframe($('#div_1'),'iframe4.php');"><img src="images/img_04.jpg" width=212 height=157></a></li>
  <li style="background: none transparent scroll repeat 0% 0%"></li>
  <li><a href="javascript:void(0)" onclick="sAlertIframe($('#div_1'),'iframe5.php');"><img src="images/img_05.jpg" width=212 height=157></a></li>
  <li><a href="javascript:void(0)" onclick="sAlertIframe($('#div_1'),'iframe6.php');"><img src="images/img_06.jpg" width=212 height=157></a></li>
  <li><a href="javascript:void(0)" onclick="sAlertIframe($('#div_1'),'iframe7.php');"><img src="images/img_07.jpg" width=212 height=157></a></li>
</ul>
<!-- 弹窗一 -->

<div style="display: none" id="div_1" class="scrollpic4"><a class="close" onclick="sClose(this); return false;" href="javascript:void(0)"></a>
  <div>
    <iframe height=491 marginheight=0 border=0 src="iframe1.php" frameborder=no width=966 allowtransparency marginwidth=0 scrolling=no></iframe>
  </div>
</div>

推荐阅读