如何創建像StumbleUpon一樣的工具欄來加載其他頁面？

2012-03-07 15 views 0 likes

*不是一個瀏覽器擴展如何創建像StumbleUpon一樣的工具欄來加載其他頁面？

這裏有一對夫婦做例子網站：http://www.thecollegecartel.com/ 當然：http://www.stumbleupon.com/

這裏是行動的工具欄的例子：http://www.thecollegecartel.com/out.php?pid=138339&type=next

來源

2012-03-07 David J. Phillips

回答

如果您沒有開發瀏覽器擴展程序，並且您希望工具欄存在於您的應用程序中，那麼您需要將這些網站放入iframe中。

這裏是沒有經過測試非常粗糙的片段，只是爲了讓你開始

... 
<head> 
    <script type="text/javascript"> 
     function changePage() { 
     //fetch the next page url from somewhere 
     document.getElementById('frame').src = 'some/new/page.html'; 
     } 
    </script> 
</head> 
<body> 

<div id="toolbar"> 
<a id="fetchNextPage" href="javascript:changePage()" >next</a> 
</div> 


<iframe id="frame" src="firstPage.html" width="100%" height="450" frameborder="0" scrolling="no"></iframe>

來源

2012-03-07 07:43:51 Manatok

你會怎麼做呢？ – 2012-03-08 09:36:30

太棒了，謝謝！ – 2012-03-19 01:52:35

相關問題