一个javascript按钮事件问题

我想通过分别点击三个按钮展示三张不同的图片,但没有达到效果,不知道哪里错了。



www.yuanshi88.com <!-- #MyPic{ width:500px; height:400px; border:2px solid #69F; } -->

<!-- document.MyForm.show1.onclick=new function(){ document.images.MyPic.src="xia1.jpg" } document.MyForm.show2.onclick=new function(){ document.images.MyPic.src="xia2.jpg" } document.MyForm.show3.onclick=new function(){ document.images.MyPic.src="xia.jpg" } -->


<!-- function show(flag){ if(1 == flag) { document.images.MyPic.src="xia1.jpg" }else if (2 == flag){ document.images.MyPic.src="xia2.jpg" }else{ document.images.MyPic.src="xia3.jpg" } } -->

绑定事件函数new什么。。[code="js"]



www.yuanshi88.com <!-- #MyPic{ width:500px; height:400px; border:2px solid #69F; } -->

<!-- document.MyForm.show1.onclick=new function(){ document.images.MyPic.src="xia1.jpg" } document.MyForm.show2.onclick=new function(){ document.images.MyPic.src="xia2.jpg" } document.MyForm.show3.onclick=new function(){ document.images.MyPic.src="xia.jpg" } -->


绑定事件函数new什么。。[code="js"]



www.yuanshi88.com <!-- #MyPic{ width:500px; height:400px; border:2px solid #69F; } -->










<br> &lt;!-- <br> document.MyForm.show1.onclick=function(){ <br> document.images.MyPic.src=&quot;xia1.jpg&quot; <br> } <br> document.MyForm.show2.onclick=function(){ <br> document.images.MyPic.src=&quot;xia2.jpg&quot; <br> } <br> document.MyForm.show3.onclick=function(){ <br> document.images.MyPic.src=&quot;xia.jpg&quot; <br> } </p> <pre><code>--&gt; &lt;/script&gt; </code></pre> <p></body> <br> </html>[/code]</p>

绑定事件 其实就是写个function方法 具体名字自己命名 不用new

绑定事件这样的




www.yuanshi88.com <!-- #MyPic{ width:500px; height:400px; border:2px solid #69F; } -->

<!-- document.getElementById("show1").attachEvent("onclick",function(){ document.images.MyPic.src="xia1.jpg" }); document.getElementById("show2").attachEvent("onclick",function(){ document.images.MyPic.src="xia2.jpg" }); document.getElementById("show3").attachEvent("onclick",function(){ document.images.MyPic.src="xia3.jpg" }); -->


这个lz试试包你满意

[code="java"]



www.yuanshi88.com <!-- #MyPic{ width:500px; height:400px; border:2px solid #69F; } -->

<!-- document.getElementById("show1").attachEvent("onclick",function(){ document.images.MyPic.src="xia1.jpg" }); document.getElementById("show2").attachEvent("onclick",function(){ document.images.MyPic.src="xia2.jpg" }); document.getElementById("show3").attachEvent("onclick",function(){ document.images.MyPic.src="xia3.jpg" }); -->



[/code]