如何创建改变图像与各图像链接到URL＆活性按钮具有highight颜色

-1

使用所示here或下面的代码显示按钮如何JavaScript可以在被用于图像间的切换（上按钮显示明亮的灯泡的图像的例子的Javascript按钮并关闭按钮显示黑暗的灯泡图像）。如何创建改变图像与各图像链接到URL＆活性按钮具有highight颜色

但是，我还需要每个图像选择的图像（不是按钮）时，链接到不同的URL的网页。

按钮将控制图像改变和点击时每个图像将链接到不同的URL。

还有一种方法可以为活动按钮创建颜色色调。

我想在同一页面上多次使用这个脚本按钮和图像的几组。我也对任何其他脚本的想法开放。

下面的示例脚本的JavaScript放置在HTML页面的正文：

<button onclick="document.getElementById('myImage').src='http://www.w3schools.com/js/pic_bulbon.gif'">Turn on the light</button> 
<img id="myImage" src="http://www.w3schools.com/js/pic_bulbon.gif" style="width:100px"> 
<button onclick="document.getElementById('myImage').src='http://www.w3schools.com/js/pic_bulboff.gif'">Turn off the light</button>

来源

2016-11-19 elleasan

的，什么是你试试？提示：图片作为链接：http://www.w3schools.com/html/html_links.asp – yezzz

我很尴尬地说，我试了几个小时插入代码的几个变种，使这个工作没有运气，包括添加* * href **链接，无论我如何重新安排，都很遗憾地失望...... – elleasan

哈哈..继续练习:) – yezzz

您可以在锚标记封装图像，然后类似地更新href属性src属性是如何在IMG更新元素。

<button onclick="document.getElementById('myImage').src='http://www.w3schools.com/js/pic_bulboff.gif';document.getElementById('myLink').href='http://www.google.com'">Turn on the light</button> 
 

 
<a id="myLink" href="http://www.google.com"> 
 
<img id="myImage" src="http://www.w3schools.com/js/pic_bulboff.gif" style="width:100px"> 
 
</a> 
 
<button onclick="document.getElementById('myImage').src='http://www.w3schools.com/js/pic_bulbon.gif';document.getElementById('myLink').href='http://www.yahoo.com'">Turn off the light</button>

来源

2016-11-19 00:31:40 mrogers

你是个天才！它工作完美。谢谢！！！ – elleasan

哇......我创建了几乎相同的代码，我将分享。无论如何，请注意，通常不鼓励使用内联脚本...您可能希望使用object.onclick分隔脚本或创建点击处理程序 – yezzz

如何创建改变图像与各图像链接到URL＆活性按钮具有highight颜色

回答

相关问题