表单点击产品出现产品信息js+css代码

- 作者:流年 -

表单点击产品出现产品信息js+css代码

产品信息展示代码div+js:

<SCRIPT LANGUAGE="JavaScript">  
    function reP(){  
    document.getElementById('oImg').style.display = "block";  
    }  
    </SCRIPT>  
    <img src='picture/1.jpg' id="d1" class="c1" style="display:none">  
<img src='picture/2.jpg' id="d2" class="c1" style="display:none" >   
<img src='picture/3.jpg' id="d3" class="c1" style="display:none" >  

商品点击div+js
<input type="" value="按钮1" onclick="f1(1);">
<input type="" value="按钮2" onclick="f1(2);">
<input type="" value="按钮3" onclick="f1(3);">
 <script type="text/javascript">
function f1(param){
for(var i =1;i<=4;i++){
var id =document.getElementById("d"+i);
id.style.display="none";
if(i===param)
{
id.style.display="block";
}
}
}
</script>