@div加iframe實現顯示其他頁面的指定一部分,例如下邊這個例子!!!
1,例1:
(2),實例代碼如下:
<div class="sfznav divc" style="margin-top: 20px; overflow: hidden; border: 10; padding: 0px; margin: 0px;height:100px;"><iframe id="myframe"
style="left: -20px; top: -200px; position: relative;" name="myframe" src="http://fc.5sing.com/6001533.html###" frameborder="0" scrolling="no" width="484" height="315"></iframe>
</div>
(3),備注:
(1),外圍div控制的是在頁面中顯示的位置和大小,
注意外圍div中的高度和寬度都可以設置的(height:100px;),控制着顯示區域的大小。
重要樣式屬性
overflow: hidden;,超出的部分都隱藏。
(2),下邊就是內層iframe的事了,重點樣式屬性left: -20px; top: -200px; position: relative;控制着被引用頁面的顯示區域,通過相對定位和top值和left值,可以精確的指定,我們想顯示的區域。width="484" height="315"高度和寬度控制着引用頁面中的顯示區域.注意的最終顯示區域,是由外圍div控制的。
@總結:
1,注意,如果網頁需要進行操作,或者js互動,那就要注意,彈出層問題和提示框位置問題。
1,注意,如果網頁需要進行操作,或者js互動,那就要注意,彈出層問題和提示框位置問題。
2,還有就是需要驗證登陸的頁面,也需要注意。彈出框會引起不好的效果。
3,是頁面如果做了跳轉,也不能用iframe,因為一進去就會跳轉到其他頁面。有些網站做了防iframe。