HTML頁面中頁面加載的不同內容

Question

我試圖找到一種在每次頁面加載時在div中加載不同內容（基本上是<img>和<a> ）的方法。

我知道這是可以做到的，因為許多網站使用“動態”或“旋轉”橫幅，這些橫幅可以按定義的間隔或頁面加載來加載不同的內容。

非常感謝您的幫助:)

Answer 1

我將通過創建一個包含圖像URL和鏈接URL的對象數組，然后使用Math.random()選擇一個隨機對象來做到這一點。

var banners = [
    { img: '/images/1.png', a: 'page1.htm'},
    { img: '/images/2.png', a: 'page2.htm'},
    { img: '/images/3.png', a: 'page3.htm'},
    { img: '/images/4.png', a: 'page4.htm'},
    { img: '/images/5.png', a: 'page5.htm'},
    { img: '/images/6.png', a: 'page6.htm'}
];
var banner = banners[Math.floor(Math.random() * banners.length)];
document.write('<a href="' + banner.a + '"><img src="' + banner.img + '"></a>');

您可能想要比這更復雜的東西，但這應該為您提供一個起點。

Answer 2

http://plugins.jquery.com/plugin-tags/random-image