網頁儀表板輪播筆記

通常儀表板是固定顯示在特定的螢幕上,如果儀表板多到一定程度,你可能會被很多電磁波(誤!螢幕)包圍,從不同的訊息來源集成的儀表板(dashboard),儀表板會隨著時間及業務發展更動。

這次遇到螢幕有限,
監看的訊息可以允許一些時間間隔,
監看的訊息可以允許一些時間間隔,
監看的訊息可以允許一些時間間隔,
想利用廣告的概念來輪播,一般廣告多是影像輪播,而這次要輪播網頁。

所以這次要處理2件事情︰
        1、儀表板集成︰用 Frameset 以及 Frame
        2、輪播儀表板︰改輪播圖片用的 Javascript

範例筆記︰
1、儀表板集成︰(1.html)
<FRAMESET ROWS="97%,*">
<FRAMESET COLS="50%,*" ROWS="50%,50%">
<FRAME SRC="http://www.aaa.com/index.html#reference" NAME="AAA" class="zoom">
<FRAME SRC="http://www.bbb.com/index.html" NAME="BBB">
<FRAME SRC="http://www.ccc.com.tw/index.html" NAME="CCC">
<FRAME SRC="http://www.ddd.com.tw/#otherRef" NAME="DDD">
</FRAMESET>
<FRAME SRC="footer.html" NAME="注意事項" class="zoom">
</FRAMESET>

2、輪播︰
<script>
var lnks = new Array("1.html","2.html","3.html");
var currentAd = 0;
var imgCt = 3;

function cycles() {
if (currentAd == imgCt) {
currentAd = 0;
}
a1.location.href=lnks[currentAd]
currentAd++;
}
//千分之一秒
window.setInterval("cycles()",300000);
</script>


可動、開心
收工

留言

這個網誌中的熱門文章

使用 Excel 計算2個地點之間的直線距離

LINE 儲存的檔案傳到 email 不方便 很不方便 非常不方便 但是有解的筆記

合併列印標籤漏印