欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

iframe異步加載實(shí)現(xiàn)點(diǎn)擊左邊菜單加載右邊內(nèi)容實(shí)例講解

 更新時(shí)間：2013年03月04日 14:47:57   作者：  
iframe異步加載想必很多朋友對(duì)你都不會(huì)陌生,接下來(lái)將實(shí)現(xiàn)這樣一個(gè)功能左邊菜單不能刷新的情況下，異步加載右邊的內(nèi)容頁(yè)面，感興趣的你可以參考下本文或許對(duì)你有所幫助

關(guān)于iframe異步加載，我們常用的大都是左邊菜單欄右邊是內(nèi)容頁(yè)面，要求我們不能左邊菜單不能刷新的情況下，異步加載右邊的內(nèi)容頁(yè)面。

話不多說(shuō)，做了一個(gè)實(shí)例大致是這樣的：

1、首先在你的項(xiàng)目中建立三個(gè)文件如：

2、在Default頁(yè)面引入jquery文件并在body中加入也下代碼：

復(fù)制代碼 代碼如下:

<div style="width: 20%; float: left">
<div id="butten" style="cursor: pointer;">
局部刷新(框架加載頁(yè)面)
</div>
<div id="hidden" style="display: none">
我是隱藏的，點(diǎn)擊局部刷新之后<br />
我就顯示，頁(yè)面加載我不會(huì)消失
</div>
</div>
<div id="page" style="width: 80%; float: right;">
<iframe src='1.htm' frameborder='0' style='border: 0; width: 100%; height: 99.4%;'>
</iframe>
</div>
<script type="text/javascript">
$(function () {
$("#butten").click(function () {
$("#hidden").show();
$("iframe").attr("src", "2.htm");
});
});
</script>

3、在1.htm和2.htm中隨便寫(xiě)上什么都行，甚至可以直接這樣寫(xiě)（什么html、title、body、title等均可不用寫(xiě)）：
1.htm：
復(fù)制代碼 代碼如下:

頁(yè)面一<br />
原始頁(yè)面

2.htm：
復(fù)制代碼 代碼如下:

頁(yè)面二<br />
框架加載的頁(yè)面

4、效果如圖：

相關(guān)文章

最新評(píng)論