Question

我想使用Javascript制作旋转横幅。这是为了在我的网站上有一个广告，其中的图像带有可点击的链接，并且每5秒更改一次。我希望横幅是728x90。我想在javascript文件中有图像和链接文件，所以如果需要修改它，它可以很容易地通过100个html页面。有没有人可以帮我解决这个问题？我对编码很新，所以如果有人可以给我一个基本的演练，那将非常感激。

Answer 1

要将图像作为链接提供，您需要将其嵌入到锚元素中。

<a id="ad-link" href="url to advertisements homepage" >
    <img id="ad-img" src="url to image">
</a>

要通过JavaScript在运行时设置网址，您只需执行

即可

document.getElementById("ad-link").setAttribute("href", "http://...");
document.getElementById("ad-img").setAttribute("src", "http://...");

要每5秒更改一次横幅，您需要定义一个超时，然后调用一个特定的函数。

setTimeout(function() {
    //update banner
}, 5000);

要旋转横幅，我建议使用css。见How to do a webkit css endless rotation-animation.

Javascript旋转横幅

1 个答案: