<a href="#" onclick="Click_Func">see demo</a><br />
<img id="img-demo" style="display:" src="images/FAQ-1.png" alt="" style="vertical-align: middle" />
<script language="javascript" type="text/javascript">
function Click_Func()
{
var obj=document.getElementById("img-demo");
(obj.style.display=="")?"obj.style.display='none'":"obj.style.display=''";
}
<img id="img-demo" style="display:" src="images/FAQ-1.png" alt="" style="vertical-align: middle" />
<script language="javascript" type="text/javascript">
function Click_Func()
{
var obj=document.getElementById("img-demo");
(obj.style.display=="")?"obj.style.display='none'":"obj.style.display=''";
}
总之,基础差了点
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript">
function Click_Func()
{
var obj=document.getElementById("img_demo"); if(obj.style.display=="none")obj.style.display=''
else{
obj.style.display='none';
}
}
</script>
</HEAD><BODY>
<a href="#" onclick="Click_Func()">see demo</a>
<img id="img_demo" style="display:" src="images/FAQ-1.png" alt="" /></BODY>
onclick="Click_Func"> 这算什么?
style="visibility: visible;"
style="visibility: hidden;"
另外ID是不可以有减号的<a href="#" onclick="Click_Func();">see demo</a><br />
<img id="img_demo" src="images/FAQ-1.png" alt="" style="vertical-align: middle;visibility: visible;">
<script language="javascript" type="text/javascript">
function Click_Func()
{
var obj=document.all.img_demo;
obj.style.visibility=obj.style.visibility=="visible"?"hidden":"visible";
}
</script>