background 互联网图片_实现鼠标hover图片时image切换以及背景backgroundImage切换

实现鼠标hover图片时image切换以及背景backgroundImage切换

功能：

1. 实现鼠标hover图片时图片切换；

2. 同时实现背景的切换；

js代码：

function picShow(nwhich)

{

if(!document.getElementById) return;

if(nwhich==2)

{

document.getElementById('doc').style.backgroundImage="URL(images/con5_2_bg.jpg)";

}

else if(nwhich==3)

{

document.getElementById('doc').style.backgroundImage="URL(images/con5_3_bg.jpg)";

}

else if(nwhich==4)

{

document.getElementById('doc').style.backgroundImage="URL(images/con5_4_bg.jpg)";

}

else

{

document.getElementById('doc').style.backgroundImage="URL(images/con5_1_bg.jpg)";

}

}

html调用：