Question

怎么用html实现一直滚动的多张图片上加入不同的超链接

<div id="player">
<marquee onMouseOver="this.stop()" onMouseOut="this.start()" align=center direction=left scrollamount=4 scrolldelay=0 valign=middle >
<img border="0" height="200px"src="image/sf.jpg" />
<img border="0" height="200px"src="image/IMGzgs01.jpg" />
<img border="0" height="200px" src="image/IMGzgs02.jpg" />
<img border="0" height="200px" src="image/IMGzgs03.jpg" />
<img border="0" height="200px" src="image/IMGzgs04.jpg" />
<img border="0" height="200px" src="image/IMGzgs05.jpg" />
</marquee>
</div>
如上我实现了图片在div内做滚动，如何添加每张图片的链接，当鼠标点击图片能转到链接的网页？

Answer 1

直接给每张图片加链接啊。

<div id="player">
<marquee onMouseOver="this.stop()" onMouseOut="this.start()" align=center direction=left scrollamount=4 scrolldelay=0 valign=middle >
<a href="图片1的链接地址"><img border="0" height="200px"src="image/sf.jpg" /></a>
<a href="图片2的链接地址"><img border="0" height="200px"src="image/IMGzgs01.jpg" /></a>
<a href="图片3的链接地址"><img border="0" height="200px" src="image/IMGzgs02.jpg" /></a>
<a href="图片4的链接地址"><img border="0" height="200px" src="image/IMGzgs03.jpg" /></a>
<a href="图片5的链接地址"><img border="0" height="200px" src="image/IMGzgs04.jpg" /></a>
<a href="图片6的链接地址"><img border="0" height="200px" src="image/IMGzgs05.jpg" /></a>
</marquee>
</div>

Answer 2

<div id="player">
<marquee onMouseOver="this.stop()" onMouseOut="this.start()" align=center direction=left scrollamount=4 scrolldelay=0 valign=middle >
<a href="跳转链接">
<img border="0" height="200px"src="image/sf.jpg" />
</a>

<a href="www.baidu.com">
<img border="0" height="200px"src="image/IMGzgs01.jpg" />
</a>
<a href="www.baidu.com">
<img border="0" height="200px" src="image/IMGzgs02.jpg" />
</a>
<a href="www.baidu.com">
<img border="0" height="200px" src="image/IMGzgs03.jpg" />
</a>
<a href="www.baidu.com">
<img border="0" height="200px" src="image/IMGzgs04.jpg" />
</a>
<a href="www.baidu.com">
<img border="0" height="200px" src="image/IMGzgs05.jpg" />
</a>
</marquee>
</div>

Answer 3

<img border="0" height="200px" onclick = "window.open('https://www.baidu.com')" src="image/a.jpg" />
<img border="0" height="200px" onclick = "window.open('http://www.bootcss.com')" src="image/b.jpg" />
<img border="0" height="200px" onclick = "window.open('https://tool.lu/js/')" src="image/c.jpg" />
<img border="0" height="200px" onclick = "window.open('http://www.jeasyui.net/plugins/169.html')" src="image/d.jpg" />
<img border="0" height="200px" onclick = "window.open('http://tool.chinaz.com/tools/use')" src="image/e.jpg" />
<img border="0" height="200px" onclick = "window.open('https://unsplash.com/')" src="image/f.jpg" />