html中的一张图片,当鼠标移到这张图片上会产生一个阴影,这部份代码是怎麼样的,详细点.

我想知道html中的一张图片,当鼠标移到这张图片上会产生一个阴影,这部要怎麼搞呢?

把下面的代码另存为html，做两张图，一张带阴影的(1.jpg)，一张不带(2.jpg)放到同目录下即可
<script>
function change()
{
document.getElementById("img1").src = document.getElementById("img1").src == "2.jpg" ? "1.jpg" : "2.jpg";
}
</script>
<img src="1.jpg" onmouseover="change()" onmouseout="change()" id="img1"/>追问

嗯,漏了點,抱歉.我再說詳細點,
鼠標停留在1.jpg時,1.jpg永遠是2.jgp,單擊時指向任意網址,如果鼠標移開時2.jpg變回1.jpg
完善后我再追加20分

追答

自己把http://www.baidu.com换成你想要的地址即可。另外说反了，2.jpg是带阴影的，1.jpg不带。

function change(x)
{
document.getElementById("img1").src = x+".jpg";
}

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/8pqs4ps88.html