Javascript旋转横幅

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

来源

2016-01-11 MTR88

请写出您尝试过的代码。 –

尝试一些东西，如果你失败了，然后发布你的代码来获得帮助。 –

步骤1：学习javascript。步骤2：???，步骤3：利润 - 这是一个耻辱，我有726x90的完美代码...非常接近 –

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

<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.

来源

2016-01-11 10:51:16

所以我编辑了链接和图像，它们应该是这样的（“href”， “http://stackoverflow.com，http://www.google.com”）;对？？？用逗号分隔。至于html代码，我应该在那里编辑任何内容？我插入代码，做了一个css文件，我有一个框弹出，但没有图像和链接也不工作。他们无法找到。 – MTR88

“src”和“href”属性反映为一个url。所以你不能设置多个网址。你还应该包含“http：//”。当然，JavaScript部分需要在页面加载后执行（http://www.w3schools.com/jsref/event_onload.asp）。 –

Javascript旋转横幅

回答

相关问题