<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内做滚动,如何添加每张图片的链接,当鼠标点击图片能转到链接的网页?
直接给每张图片加链接啊。
<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>
温馨提示:答案为网友推荐,仅供参考
第1个回答 2019-01-08
<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="">
<img border="0" height="200px"src="image/IMGzgs01.jpg" />
</a>
<a href="">
<img border="0" height="200px" src="image/IMGzgs02.jpg" />
</a>
<a href="">
<img border="0" height="200px" src="image/IMGzgs03.jpg" />
</a>
<a href="">
<img border="0" height="200px" src="image/IMGzgs04.jpg" />
</a>
<a href="">
<img border="0" height="200px" src="image/IMGzgs05.jpg" />
</a>
</marquee>
</div>
<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="">
<img border="0" height="200px"src="image/IMGzgs01.jpg" />
</a>
<a href="">
<img border="0" height="200px" src="image/IMGzgs02.jpg" />
</a>
<a href="">
<img border="0" height="200px" src="image/IMGzgs03.jpg" />
</a>
<a href="">
<img border="0" height="200px" src="image/IMGzgs04.jpg" />
</a>
<a href="">
<img border="0" height="200px" src="image/IMGzgs05.jpg" />
</a>
</marquee>
</div>
第2个回答 2019-01-08
<img border="0" height="200px" onclick = "window.open('')" src="image/a.jpg" />
<img border="0" height="200px" onclick = "window.open('')" src="image/b.jpg" />
<img border="0" height="200px" onclick = "window.open('')" src="image/c.jpg" />
<img border="0" height="200px" onclick = "window.open('')" src="image/d.jpg" />
<img border="0" height="200px" onclick = "window.open('')" src="image/e.jpg" />
<img border="0" height="200px" onclick = "window.open('')" src="image/f.jpg" />
<img border="0" height="200px" onclick = "window.open('')" src="image/b.jpg" />
<img border="0" height="200px" onclick = "window.open('')" src="image/c.jpg" />
<img border="0" height="200px" onclick = "window.open('')" src="image/d.jpg" />
<img border="0" height="200px" onclick = "window.open('')" src="image/e.jpg" />
<img border="0" height="200px" onclick = "window.open('')" src="image/f.jpg" />