页面加载HTML页面的不同内容

Question

我试图找到一种方法来加载不同的内容（基本上<img>和<a>）在divs内，在每个页面加载。

我知道这是可以做到的，因为许多网站使用“动态”或“旋转”的横幅上定义的时间间隔或在页面加载它要么加载不同的内容。

任何帮助:)

Answer 1

我会通过使包括图像和链接的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