我有几张小图片和一张大图片
当我的光标位于一个小光标上时,我希望它使用onmouseover
代替大光标。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/div/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="jquery.js"></script>
</head>
<img id="0" src="images/voiture.jpg" width="300px"/></br>
<img id="1" src="images/voiture.jpg" width="100px" onmouseover="f(1)" />
<img id="2" src="images/voiture1.jpg" width="100px" onmouseover="f(2)" />
<img id="3" src="images/voiture2.jpg" width="100px" onmouseover="f(3)"/>
<img id="4" src="images/voiture3.jpg" width="100px" onmouseover="f(4)" />
<script>
function f(num)
{
document.getElementById("0").setAttribute('src',document.getElementById(num).src);
}
</script>
</noscript>
</html>
它不起作用并产生一种奇怪的行为:
当有警报时效果很好,否则当我在图片3时它没有(没有任何反应)。
但是,当我移动图片2时,图片3显示得很好(但我想要的是我的光标所在的图片...... :()
有没有人有任何想法?
非常感谢!