jQuery-通过缩略图悬停交换图片?

前端之家收集整理的这篇文章主要介绍了jQuery-通过缩略图悬停交换图片? 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

http://visually-minded.com/portfolio-project.php

在上面的链接上,当用户将鼠标悬停在任何缩略图上时,主图像将被交换.任何人都可以为我提供指导教程的正确方向吗?

最佳答案
与html:

<img id="target" src="full_img_name1"/>
<a href="full_img_name1"><img src="thumb1"/></a>
<a href="full_img_name2"><img src="thumb2"/></a>
<a href="full_img_name3"><img src="thumb3"/></a>

和一个脚本:

$("a img").hover(function(){
  var img = $(this).closest('a').attr('href');
  $('#target').show().attr('src',img);
},function(){
  $('#target').hide().attr('src','');
});

猜你在找的CSS相关文章