javascript button按钮

来源:百度知道 编辑:UC知道 时间:2024/06/10 01:56:18
想实现一个功能。

点击文字“1”后会我指定的区域出现一张图。点击文字“2”后会出现另一张图。点击文字“2”后,文字“1”的图片消失,只出现文字“2”的图片。不管是文字“几”显示出的图片都在我指定的一个区域或说是一个层里显示。
本人很菜,如果您能实现这个功能,麻烦您在提供下详细的具体参数修改,比如说显示5张,10张,20张图。具体需要改哪里或是要天添加什么内容进去。

先实现了这个功能:
如果有需要可以留言给我

测试的时候记得要将这里面的图片路径替换成您自己的图片路径》

<html>
<head>
<title>测试</title>
</head>
<body MS_POSITIONING="GridLayout">
<script type=text/javascript >
function getObi(num)
{

if(num==1)
{
document.getElementById("mydiv").innerHTML="<img src='11020080604141132494.jpg' alt='第一张图片'/>";
}

if(num==2)
{
document.getElementById("mydiv").innerHTML="<img src='index9.jpg' alt='第二张图片'/>";
}

if(num==3)
{
document.getElementById("mydiv").innerHTML="<img src='new13.jpg' alt='第三张图片'/>";
}

if(num==4)
{
document.getElementById("mydiv").innerHTML="<img src='222.gif' alt='第四张图片'/>";
}
} <