这里的目标是在点击1.gif时,所有具有.panel1类的元素消失(style.display.none),所有具有.panel2类的元素变为可见(style.display.inline)。
我对此还不熟悉...所以我认为这只是' '或者" "的语法问题。
我对此还不熟悉...所以我认为这只是' '或者" "的语法问题。
<!DOCTYPE html>
<html>
<head>
<title>main</title>
<meta charset="utf-8">
<style type="text/css">
.panel1 {display:inline;}
.panel2 {display:none;}
</style>
<script type="text/javascript">
function panelTransition(panelOut,panelIn)
{
document.getElementByClass(panelIn).style.display="inline";
document.getElementByClass(panelOut).style.display="none";
}
</script>
</head>
<body>
<img class="panel1" src=1.gif onclick="panelTransition(panel1,panel2)" />
<img class="panel2" src=2.gif />
</body>
</html>