所以我有一些 javascript 代码,可以在缩略图悬停时交换我的主图像,效果非常好!是他们在悬停时返回主窗口的一种方式吗?我确信有一些 if 语句,但我无法弄清楚!
<div class="product"><img id="main" src="mainImage.jpg" width="550"/></div>
<div class="products">
<img src="img.jpg" width="200"/>
<img src="img1.jpg" width="200"/>
<img src="img2.jpg" width="200"/>
</div>
JavaScript 是
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.products img').mouseover(function() {
var url = $(this).attr('src');
$('#main').attr('src', url);
});
});
</script>
最佳答案
<script type="text/javascript">
$(document).ready(function(){
var def_url = $('#main').attr('src');
$('.products img').hover(function() {
var url = $(this).attr('src');
$('#main').attr('src', url);
}, function() {
$('#main').attr('src', def_url);
});
});
</script>
关于javascript - 返回主图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21676706/