预览广告,点击一下显示,在点击隐藏

最新推荐文章于 2025-07-30 13:34:19 发布

原创最新推荐文章于 2025-07-30 13:34:19 发布 · 414 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#iframe #button #border #function #input #div

本文介绍了一个简单的预览广告功能实现方法，通过按钮点击显示或隐藏嵌入网页中的广告iframe。该功能利用JavaScript来控制显示与隐藏，适用于需要快速实现广告预览需求的场景。

预览广告,点击一下显示,在点击隐藏
            <script>
function showframe(id)
                           {
                             if( document.getElementById("picframe_"+id).style.display=="none")
                             {
                              document.getElementById("picframe_"+id).style.display="";
                             }
                             else
                             {document.getElementById("picframe_"+id).style.display="none";
                             }


                            }
</script>
<tr><td>
   <input type="button" onclick="showframe(<%=id %>)" value="预览广告" ></TD>   </TR>
    <tr><td colspan="8">
      <div id="picframe_<%=id %>" style="border:1px solid #000;height: 100;width:800;display: none">
                            <IFRAME src="advertiser/preview.jsp" frameBorder="1" width="100%" scrolling="yes" height="90">
                            </IFRAME>
                            </div>
                     </td></tr>