`
hje
  • 浏览: 288223 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

html div+Iframe

    博客分类:
  • html
阅读更多
<!-- saved from url=(0014)about:internet -->
<html lang="en">

<!--
Smart developers always View Source.

This application was built using Adobe Flex, an open source framework
for building rich Internet applications that get delivered via the
Flash Player or to desktops via Adobe AIR.

Learn more about Flex at http://flex.org
// -->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!--  BEGIN Browser History required section -->
<link rel="stylesheet" type="text/css" href="history/history.css" />
<!--  END Browser History required section -->

<title></title>
<script src="AC_OETags.js" language="javascript"></script>

<!--  BEGIN Browser History required section -->
<script src="history/history.js" language="javascript"></script>
<!--  END Browser History required section -->

<style>
body { margin: 0px; overflow:hidden }
</style>
<script language="JavaScript" type="text/javascript">
<!--
// -----------------------------------------------------------------------------
// Globals
// Major version of Flash required
var requiredMajorVersion = 9;
// Minor version of Flash required
var requiredMinorVersion = 0;
// Minor version of Flash required
var requiredRevision = 28;
// -----------------------------------------------------------------------------
// -->
function setLayer(index)
{
window.focus();
document.getElementById("iframe").focus();
var obj=document.getElementById("windows");
obj.style.zIndex= index;
}
function setVisible(isvisible)
{

var obj=document.getElementById("windows");
//obj.style.visibility="visible";
obj.style.display="block";
alert("block");

window.focus();
document.getElementById("iframe").focus();
}
function setHidden()
{
var obj=document.getElementById("windows");
//obj.style.visibility="hidden";
obj.style.display="none";
alert("none");
window.focus();
document.getElementById("iframe").focus();
}
</script>
</head>

<body scroll="no">
<script language="JavaScript" type="text/javascript">
<!--
// Version check for the Flash Player that has the ability to start Player Product Install (6.0r65)
var hasProductInstall = DetectFlashVer(6, 0, 65);

// Version check based upon the values defined in globals
var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);

if ( hasProductInstall && !hasRequestedVersion ) {
// DO NOT MODIFY THE FOLLOWING FOUR LINES
// Location visited after installation is complete if installation is required
var MMPlayerType = (isIE == true) ? "ActiveX" : "PlugIn";
var MMredirectURL = window.location;
    document.title = document.title.slice(0, 47) + " - Flash Player Installation";
    var MMdoctitle = document.title;

AC_FL_RunContent(
"src", "playerProductInstall",
"FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"",
"width", "100%",
"height", "100%",
"align", "middle",
"id", "iframe",
"quality", "high",
"bgcolor", "#869ca7",
"name", "iframe",
"allowScriptAccess","sameDomain",
"type", "application/x-shockwave-flash",
"pluginspage", "http://www.adobe.com/go/getflashplayer",
"wmode","transparent"
);
} else if (hasRequestedVersion) {
// if we've detected an acceptable version
// embed the Flash Content SWF when all tests are passed
AC_FL_RunContent(
"src", "iframe",
"width", "100%",
"height", "100%",
"align", "middle",
"id", "iframe",
"quality", "high",
"bgcolor", "#869ca7",
"name", "iframe",
"allowScriptAccess","sameDomain",
"type", "application/x-shockwave-flash",
"pluginspage", "http://www.adobe.com/go/getflashplayer",
"wmode","transparent"
);
  } else {  // flash is too old or we can't detect the plugin
    var alternateContent = 'Alternate HTML content should be placed here. '
  + 'This content requires the Adobe Flash Player. '
   + '<a href=http://www.adobe.com/go/getflash/>Get Flash</a>';
    document.write(alternateContent);  // insert non-flash content
  }
// -->
</script>
<noscript>
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
id="iframe" width="100%" height="100%"
codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
<param name="movie" value="iframe.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#869ca7" />
<param name="allowScriptAccess" value="sameDomain" />
<embed src="iframe.swf" quality="high" bgcolor="#869ca7"
width="100%" height="100%" name="iframe" align="middle"
play="true"
loop="false"
quality="high"
allowScriptAccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/go/getflashplayer"
"wmode","transparent">
</embed>
</object>
</noscript>
<div id="windows" style="position:absolute;
    filter: alpha(opacity=100);
    opacity:1;
    left:0;
    top:60;
    width:100%;
    height:80%;
    z-index:-1;
    background-color: #000000;"><iframe id="iframe2" style="position:absolute;left:0;top:0;width:100%;height:100%;background:#159936;z-index:-1;
    filter: alpha(opacity=100);
    opacity: 1;
scrolling="no" src="http://www.baidu.com"></iframe>
</div> <!-- 这是网页层 -->
</body>
</html>


附件中有flex做的swf,并带源码。。
实现了,flex嵌入iframe
  • src.rar (379 KB)
  • 下载次数: 14
分享到:
评论

相关推荐

    div+css代替iframe框架并带全屏遮罩加载特效

    `div`是HTML中的一个块级元素,它可以用来对网页内容进行区域划分,而`CSS`(层叠样式表)则负责控制这些`div`的样式,包括布局、颜色、字体等。通过合理地组合和定位`div`,我们可以创建出复杂而美观的网页结构,...

    零基础html5+div+css+js网页开发教程第014期 iframe

    零基础html5+div+css+js网页开发教程第014期_iframe

    div+js模拟iframe实现左右框架.rar

    `div`是HTML中的一个块级元素,它本身没有任何特定的样式,但可以通过`CSS`进行定制,以实现各种布局需求。在模拟`iframe`时,我们通常会创建两个或更多的`div`,分别代表`iframe`的上下文区域和内容区域。通过设置`...

    div被iframe遮住的几种情况及解决方法

    在前端开发过程中,DIV元素被IFRAME遮挡是一个常见的问题,尤其是当页面布局复杂或存在多层嵌套的元素时。以下将详细阐述几种DIV被IFRAME遮挡的情况,并提供相应的解决方法。 首先,要了解的是IFRAME是一种HTML元素...

    bootstarp+iframe 实现局部刷新 后台模板

    在本主题中,“bootstrap+iframe 实现局部刷新 后台模板”指的是利用Bootstrap框架和HTML5的`&lt;iframe&gt;`元素来创建一个后台管理界面,其中实现了一个关键特性——局部刷新。局部刷新允许用户在不重新加载整个页面的...

    用DIV仿iframe框架布局效果

    在这种情况下,我们可以利用CSS和JavaScript来“仿iframe”,通过DIV元素实现相同的功能。这个主题,“用DIV仿iframe框架布局效果”,将深入探讨如何使用纯前端技术来模拟一个可独立滚动的内容区域。 首先,我们...

    javascript窗体类似div窗体iframe+div窗体

    在标题中提到的"iframe+div窗体",是指使用IFrame(内联框架)和div元素结合的方式,来实现类似独立窗体的效果。 IFrame是一种HTML标签,它可以在一个HTML文档中嵌入另一个HTML文档。这使得开发者能够在一个页面中...

    可爱的iframe+div

    在IT行业中,网页开发是一项核心技能,而"可爱的iframe+div"这个主题涉及到的是如何巧妙地结合HTML的iframe元素和div元素来实现特定的布局或功能。在这个标题中,“可爱”可能指的是设计上的吸引人或者功能上的巧妙...

    div覆盖 iframe

    在IT行业中,网页布局和页面嵌套经常涉及到各种技术,如`div`和`iframe`。标题"div覆盖iframe"暗示了一个应用场景,即利用`div`元素覆盖在`iframe`之上,实现特定的页面展示效果。`div`是HTML中的一个基础容器元素,...

    div,iframe拖动功能

    首先,我们需要了解HTML中的div和iframe元素。Div是用于布局的块级元素,它允许我们将页面划分为多个区域,而iframe(内联框架)则用于在同一个页面中嵌入另一个HTML文档,例如展示外部网站或加载动态内容。 要实现...

    div嵌套html不用iframe

    最近在做作业中需要在不用iframe的情况下嵌套页面,所以只好在div中嵌套,用的是jquery方法。 复制代码代码如下: [removed] $(document).ready(function() { $(“#button”).click(function() { $(“#content”)....

    jquery树形菜单+iframe显示实例

    iframe,即内联框架,允许在一个HTML文档内部嵌入另一个HTML文档。这样可以在不离开当前页面的情况下加载和显示其他内容,比如视频、地图或者,如这个实例所示,PDF文件。使用jQuery,我们可以通过修改`&lt;iframe&gt;`...

    韩顺平html,div+css视频听讲笔记

    ### 韩顺平HTML与DIV+CSS视频听讲笔记概览 #### 图像与表格的实际应用 在韩顺平的HTML课程中,第四讲详细介绍了图像和表格的应用技巧。图像标签 `&lt;img&gt;` 是用来展示图片的重要元素。通过设置 `src` 属性,可以指定...

    html5 div模仿iframe布局框架

    使用div标签来给网页划分框架模板。这个框架可以嵌套在任何div标签内,或者iframe框架内

    DIV+CSS弹出窗体(非常漂亮)

    根据提供的文件信息,本文将详细解释如何使用DIV+CSS实现一个美观且实用的弹出窗体,这种技术常用于创建类似QQ空间登录窗口的效果。本文将深入探讨代码中涉及的关键CSS样式、HTML结构以及简单的JavaScript交互逻辑。...

    js弹出div层模拟alert+(iframe中使用)

    本主题将详细讲解如何使用JavaScript创建一个可移动的`div`层来模拟`alert`功能,并在`iframe`环境中应用。 首先,让我们了解`alert`的基本用法。`alert`是JavaScript内置的一个全局函数,用于显示一个包含指定消息...

    ztree+iframe (点击树动态加载右边页面)

    1. **初始化ZTree**:首先,在HTML中创建一个div作为ZTree的容器,并设置一个iframe来承载右侧内容。然后,引入ZTree的CSS和JavaScript文件,以及jQuery库。 2. **配置ZTree**:通过JavaScript编写代码,设置ZTree的...

    jquery横排页签Tab+iframe代码示例

    同时,我们会设置一个`&lt;div&gt;`容器来包含iframe,根据当前选中的页签来切换iframe的`src`属性,以加载对应的内容。 HTML结构示例如下: ```html &lt;div id="tabContainer"&gt; &lt;li&gt;&lt;a href="#tab1"&gt;页签1&lt;/a&gt;&lt;/li&gt; ...

    多个iframe,显示其中一个frame中的div,并处于最上层显示

    总结来说,实现"多个iframe,显示其中一个frame中的div,并处于最上层显示"的功能,涉及了HTML的`iframe`标签、CSS的`z-index`属性、JavaScript的`postMessage`通信以及动态创建和操作DOM元素的技巧。通过这些技术,...

Global site tag (gtag.js) - Google Analytics