即使在javascript中，鼠标悬停也不会输出

哦，我的新网站的初始屏幕，我希望有一个鼠标覆盖事件，这将改变我的标志颜色，每次鼠标移动。下面我列出了迄今为止的代码，但我无法让它显示我的图像

var images = new Array()
images[0] = 'img/CMbl.png'
images[1] = 'img/CMo.png'
images[2] = 'img/CMg.png'
images[3] = 'img/CMp.png'
images[4] = 'img/CMblu.png'

var p = images.length;

logo = document.getElementById( 'logo' ),
console = document.getElementById( 'console' );


logo.addEventListener('mousemove', changeImage);


function changeImage() {

var rand = Math.round(Math.random()*(p-1));

var image = p[ rand ];

if ( image == logo.src ) {

    changeImage();
    return false;
}


logo.src = console.innerText = image;
    function showImage(){
        document.write('<img src="+image[rand]">');
    }
}

var images=newarray（）
图像[0]=“img/CMbl.png”
图像[1]=“img/CMo.png”
图像[2]=“img/CMg.png”
图像[3]=“img/CMp.png”
图像[4]=“img/CMblu.png”
var p=图像长度；
logo=document.getElementById（'logo'），
console=document.getElementById（'console'）；
logo.addEventListener（'mousemove'，changeImage）；
函数changeImage（）{
var rand=Math.round（Math.random（）*（p-1））；
var图像=p[rand]；
if（image==logo.src）{
changeImage（）；
返回false；
}
logo.src=console.innerText=image；
函数showImage（）{
文件。写（“”）；
}
}

我的html输出应该是（在类“logo”中）

showImage（）

---

我不明白为什么它不起作用。我正在使用一个类似的代码在刷新时更改图像，它仍然使用math.random（）和一个数组来调用图像。

这就是它的外观：

document.write('<img src="' + image[rand] + '">');

document.write（“”）；

（据我所见，您的脚本中充满了错误。我将为您快速制作一个有效的示例。）

这是一个有效的例子（我想这就是你想要的）

---

如您所见，它的效果非常糟糕，我不建议使用它。

我制作了一个JSFIDLE，它清理了一些代码，并使用了jQuery

---

var图像=p[rand]；那是干什么用的？不应该是图像[rand]吗？在harsha所说的附加内容中，

document.write（）

行应该是

document.write（“”）。可能
document.write（）
也会清除页面上的所有代码，但不能确定，因为没有所有的代码。。。除此之外，
console
是一个本机函数/对象，最好使用其他变量名。嘿，我不确定这是否为时已晚，但一旦实现它，我就无法让它工作。请原谅它现在看起来有多难看：如果你能给我指出正确的方向，那就太棒了。@CharlieMiddleton尝试将脚本放在body标记中，同时，只需准确复制我的代码，除了放进图像之外，不要修改它。我认为在这种情况下不需要jquery。这是使用的非常基本的javascript。jquery的使用不是重点。这是清理工作。使用图像而不是p，用分号等替换错误放置的逗号。
document.write('<img src="' + image[rand] + '">');

var images = [
        'http://colorvisiontesting.com/plate%20with%205.jpg',
        'http://regentsparkcollege.org.uk/wp-content/uploads/2012/09/test.jpg',
        'http://nyquil.org/uploads/IndianHeadTestPattern16x9.png',
        'http://25.media.tumblr.com/tumblr_m9p3n1vJmZ1rexr16o1_400.jpg',
        'http://www.themoralofthestoryis.com/wp-content/uploads/2013/01/test.gif'
    ];


$('#logo').mouseover( changeImage );

function changeImage() {
    var rand = Math.floor(Math.random() * images.length);
    var image = images[ rand ];
    if ( image == $('#logo').attr('src') ) {
        changeImage();
        return false;
    }

    $('#logo').attr('src', image);
};