首頁(yè) 猿問(wèn) 如何用jquery控制frames...

如何用jquery控制frameset中的iframe實(shí)現(xiàn)淡入淡出的效果

JQuery

動(dòng)漫人物 2019-05-13 08:08:48

查看完整描述

2 回答

森欄

TA貢獻(xiàn)1810條經(jīng)驗(yàn) 獲得超5個(gè)贊

有很多種方式可以實(shí)現(xiàn)。
1、$(iframeId).toggle(2000); //2秒
2、$(iframeId).fadeOut(2000);
$(iframeId).fadeIn(2000);
3、 $(iframeId).slideDown(2000);
$(iframeId).slideUp(2000)
4、 $(iframeId).slideToggle(2000)

反對(duì) 回復(fù) 2019-05-14

慕斯王

TA貢獻(xiàn)1864條經(jīng)驗(yàn) 獲得超2個(gè)贊

Jquery彈出層窗口，并且背景變暗
先到下載Jquery的Lee dialog插件，
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無(wú)標(biāo)題文檔</title>
<script language="javascript" src="dialog.js"></script>
<script language="javascript" src="Jquery.js"></script>
<style>
#floatBoxBg
.floatBox
.floatBox .title
.floatBox .title h4
.floatBox .title span
.floatBox .content
</style>
</head>

<body>
<script>
function aa()
{
dialog("我的標(biāo)題","iframe:login.php","500px","auto","text"); // login.php 為要彈出的窗口
}

</script>
<a href="#" onclick="aa()" >Click Here</a>
</body>
</html>

關(guān)于這個(gè)dialog插件的其它用法：
get加載一個(gè).html文件（也可以是.php/.asp?id=4之類的）
dialog("我的標(biāo)題","test.html","200px","auto","text");

彈出純文本內(nèi)容
dialog("我的標(biāo)題","text:我的內(nèi)容","200px","auto","text"); 試試
彈出某id里面的html
頁(yè)面有<div id="testID" style="display:none;"><h2>Lee dialog</h2></div>
dialog("我的標(biāo)題","id:testID","300px","auto","id"); 試試
Lee dialog
加載一個(gè)頁(yè)面以框架示
把blueidea加載進(jìn)來(lái)，定義css:body .iframe .content復(fù)蓋一下，因?yàn)?content默認(rèn)padding:20px;
dialog("blueidea","iframe:","500px","500px","iframe");