javascript - javascript中的鼠标悬停事件不会输出

Question

哦，我的新网站的启动屏幕我希望有一个鼠标悬停事件，每次移动鼠标时都会改变我的 Logo 的颜色。下面我列出了迄今为止的代码，但我无法让它显示我的图像。

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]">');
    }
}

我的 html 输出应该是(在“logo”类内)

<script language="javascript">
showImage()
</script>

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

Answer 1

这应该是这样的:

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

(据我所知，你的脚本充满了错误。我将为你制作一个快速、有效的脚本作为示例。)

这是一个工作示例(我认为这就是您想要的)Jsfiddle example正如您所看到的，它的效果看起来很糟糕，我不建议使用它。