Question

我正试图在每次加载页面时找到在div中加载不同内容（基本上为<img>和<a>）的方法。

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

非常感谢任何帮助：）

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

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

2 个答案: