保持相同的外觀，而不使用內聯框架

我有這個代碼集，所有工作正常，但我想知道是否有一個更清潔的方式來執行相同的外觀純粹使用CSS和Javascript沒有使用iframes（但我砍了這個至少在最新的chrome和ff發佈中獲得我想要的外觀）。保持相同的外觀，而不使用內聯框架

基本上IFRAME是一個長期的錶行與一些圖片，我有一個按鈕，在鼠標滾動的iframe到顯示更多圖片這裏有一個演示，下面

HTML頁面中重要的代碼片段：

<html><body> 
<iframe id="recent" height="450px" width="100%" seamless; scrolling="no" src="http://ec2-23-22-226-163.compute-1.amazonaws.com/dframe.php"> 
<p>Your browser does not support iframes.</p> 
</iframe> 
<input type='button' class='btn_slide' onmouseover='make_scroll()' /> 
</body></html>

與此CSS（按鈕）

input.btn_slide { 
display: block; 
position: absolute; 
z-index: 15; 
right: 0px; 
top: 80px; 
background-image: url(http://www.iconsdb.com/icons/preview/gray/arrow-33-xx$ 
background-color: transparent; /* make the button transparent */ 
background-repeat: no-repeat; /* make the background image appear only onc$ 
background-position: 0px 0px; /* equivalent to 'top left' */ 
border: none; 
height: 250px;   /* make this the size of your image */ 
width: 200px; 
}

然後此javascript：

function scroll() 
{ 
    window.scrollBy(250,0); // horizontal and vertical scroll increments 
    scrolldelay = setTimeout('scroll()', 1000); // scrolls every 100 millis$ 
} 
function make_scroll() 
{ 
    document.getElementById('recent').contentWindow.scroll(); 
}

現在我關心的是我計劃有10個左右，這些I幀的頁面，這意味着服務於一個訪問的頁面，我查詢數據庫表併產生似乎真的效率低下的11個獨立的HTML頁面（上即使最它可以被緩存在生產中仍然不理想）所以我想知道是否有一種方法可以保持相同的外觀，而不使用只使用CSS和JavaScript的iframe？一個是或否，或者我可以怎麼做，將不勝感激！

來源

2013-04-13 brendosthoughts