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

发布网友发布时间：2022-04-24 22:20

共1个回答

热心网友时间：2022-04-24 23:49

把下面的代码另存为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";
}