<img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif">为什么要写这条程序，什么意思？ 5
<!DOCTYPEhtml><html><body><script>functionchangeImage(){element=document.getElementBy...
<!DOCTYPE html>
<html>
<body>
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{
element.src="/i/eg_bulboff.gif";
}
else
{
element.src="/i/eg_bulbon.gif";
}
}
</script>
<img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif">
<p>点击灯泡来点亮或熄灭这盏灯</p>
</body>
</html> 展开
<html>
<body>
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{
element.src="/i/eg_bulboff.gif";
}
else
{
element.src="/i/eg_bulbon.gif";
}
}
</script>
<img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif">
<p>点击灯泡来点亮或熄灭这盏灯</p>
</body>
</html> 展开
2个回答
展开全部
动态切换图片，实现开关灯的效果。
当点击 eg_bulboff.gif 的时候，切换到 eg_bulbon.gif ，而当时 eg_bulbon.gif 的时候，点击切换到 eg_bulboff.gif
onclick 即图片的单击事件，单击时执行 changeimage 函数
当点击 eg_bulboff.gif 的时候，切换到 eg_bulbon.gif ，而当时 eg_bulbon.gif 的时候，点击切换到 eg_bulboff.gif
onclick 即图片的单击事件，单击时执行 changeimage 函数
追问
中的这一条呢src="/i/eg_bulboff.gif是什么意思
追答
这个是指定图片路径及名字的，src 即 source ，图片源，即图片默认是 /i/eg_bulloff.gif 这个关灯图片。
任何一个 img 标签都需要设定 src 参数指定该标签显示的是什么路径下的什么名字的图像，否则图像就没法显示了。
changeiamge 函数里也是通过 javascript 修改的这个属性来实现图片切换。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<body>
<img id="s" onclick="changeImage()" src="/i/eg_bulboff.gif">
<script>
function changeImage()
{
s=document.getElementById('s')
if (s.src.match("bulbon"))
{
s.src="/i/eg_bulboff.gif";
}
else
{
element.src="/i/eg_bulbon.gif";
}
}
</script>
</body>
</html>
<html>
<body>
<img id="s" onclick="changeImage()" src="/i/eg_bulboff.gif">
<script>
function changeImage()
{
s=document.getElementById('s')
if (s.src.match("bulbon"))
{
s.src="/i/eg_bulboff.gif";
}
else
{
element.src="/i/eg_bulbon.gif";
}
}
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
