Javascript 复制图像-悬停以消失

Javascript 复制图像-悬停以消失,javascript,jquery,css,image,hover,Javascript,Jquery,Css,Image,Hover,我正在创建一个“splash”页面,我们需要用一组特定的图像填充它。我希望它删除每个单独的图像,因为它是悬停。这就是我所拥有的——我已经能够复制图像来填充屏幕——但现在当我悬停时,它们都消失了,而不是单独消失。有什么想法吗 是否还有一种方法可以轻松地旋转/随机放置克隆 <img class='toBeCloned' id="IMAGE_ID" src="image.png" /> <div id='target' class="DIV_CLASS"> <scri

我正在创建一个“splash”页面,我们需要用一组特定的图像填充它。我希望它删除每个单独的图像,因为它是悬停。这就是我所拥有的——我已经能够复制图像来填充屏幕——但现在当我悬停时,它们都消失了,而不是单独消失。有什么想法吗

是否还有一种方法可以轻松地旋转/随机放置克隆

<img class='toBeCloned' id="IMAGE_ID" src="image.png" />

<div id='target' class="DIV_CLASS">

<script>
var _clone=$('.toBeCloned');
var _target=$('#target'); //this is target

for(var i=0;i<500;i++){
    _target.append(_clone.clone(true)); //append target, clone every time
};

$(function () {

    $('img').hover(function() {
       $('img').fadeOut("slow");
    });

});
</script>

变量_clone=$('.toBeCloned');
var _target=$(“#target”)//这是目标
对于(var i=0;i

你在淡出中引用了img,这会导致所有img标记消失。使用
这个
只会使悬停的图像消失。

谢谢@Shanehoban AWESOME!!哇,这很简单。有没有一种简单的方法可以随机放置/定位克隆?我想你可以在CSS中将img标记设置为绝对位置nd通过jQuery附加随机边距?欢迎你!
$('img').hover(function() {
       $(this).fadeOut("slow");
    });