fancyBox彈出iframe頁(yè)面其實(shí)非常簡(jiǎn)單,這里簡(jiǎn)單說(shuō)一下。主要說(shuō)的問(wèn)題是關(guān)于控制彈出的iframe頁(yè)面高度的問(wèn)題。
代碼如下:
<script language="javascript" type="text/javascript" src="/styles/jquery-1.7.2.min.js" ></script>
<script language="javascript" type="text/javascript" src="/styles/fancyBox/jquery.fancybox.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.fancybox').fancybox({
padding : 0,
autoScale:true,
width:350,
height:180,
openEffect: 'elastic'
});
});
</script>
<a href="tanchu.html" class="fancybox fancybox.iframe"><img src="/images/btn_enroll_2.png" width="73" height="28" /></a>
看代碼寬度已經(jīng)在js的屬性中設(shè)置過(guò)了,但是卻發(fā)現(xiàn)高度的設(shè)置經(jīng)常是無(wú)效的。
經(jīng)過(guò)測(cè)試,發(fā)現(xiàn)在彈出的tanchu.html頁(yè)面設(shè)置div寬度和高度能夠解決這個(gè)問(wèn)題:
tanchu.html代碼
<div style="width:300px; height:180px; padding: 15px;" style="color:#000; background:#fff;">
內(nèi)容
</div>
讓fancybox設(shè)置的寬度高度和div一致就可以了。