jquery在图像对图像的帮助
我正在使用jquery。我有一个主要的形象 当我将鼠标放在主图像上时，我希望发生以下情况 另一个图像被放置在图像上，这个图像要小得多，并且被放置在主图像的底部 此外，当小图像出现时，如果我单击它，则会触发一个事件。警报框被触发。单击小图像应触发警报框，单击主图像不应触发警报框jquery在图像对图像的帮助,jquery,image,hover,Jquery,Image,Hover,我正在使用jquery。我有一个主要的形象 当我将鼠标放在主图像上时，我希望发生以下情况 另一个图像被放置在图像上，这个图像要小得多，并且被放置在主图像的底部 此外，当小图像出现时，如果我单击它，则会触发一个事件。警报框被触发。单击小图像应触发警报框，单击主图像不应触发警报框 有人能用jquery帮我解决这个问题吗？这是我能想到的最简单的例子。将来，如果您展示您已有的代码，可能会更好。它几乎不需要任何jquery <!DOCTYPE html PUBLIC "-//W3C//DTD XHT
有人能用jquery帮我解决这个问题吗？这是我能想到的最简单的例子。将来，如果您展示您已有的代码，可能会更好。它几乎不需要任何jquery
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script>
$(function() {
$('#image-2').click(function() { alert('meow'); });
});
</script>
<style>
#image-2 { position: absolute; left: 50px; bottom: 5px; display:none; }
#container:hover #image-2 { display: block; }
</style>
</head>
<body>
<div id="container" style="position: relative">
<img id="image-1" src="http://www.freefoto.com/images/01/07/01_07_1---Pair-of-Dogs_web.jpg?&k=Pair+of+Dogs" />
<img id="image-2" src="http://www.coolbuddy.com/social/imgs/cat64x64.jpg" />
</div>
</body>
</html>
$（函数（）{
$（#image-2'）。单击（函数（）{alert（'meow'）；}）；
});
#图像-2{位置：绝对；左侧：50px；底部：5px；显示：无；}
#容器：悬停#image-2{显示：block；}