javascript变大图片

来源：百度知道 编辑：UC知道 时间：2024/09/24 09:23:24
<script>

function to_big_img(myimg)
{
var big_img_div = document.getElementById('big_dish_img_div');
big_img_div.img.src=myimg.src;
big_img_div.img.style.width=230px;
big_img_div.style.visibility=visible;
}

function hidden_big_img()
{
document.getElementById('big_dish_img_div').style.visibility=hidden;
}

</script>

<img src="www.xxx.com/as.jpeg" onmouseover="to_big_img(this.img)" onmouseout="hidden_big_img()" />

<div style="visibility:hidden" id="big_dish_img_div"><img id="big_dish_img" src="" /></div>

这个有错误。。。还请高手指点一下。。

问题还真不少：
1、onmouseover时调用to_big_img(this)就可以了；
2、div和img两个标签没有继承关系，你不能用big_img_div.img的方法来调用它。你可以直接给img写style；
3、style都是字符形式，所以to_big_img函数里给style赋值时要用''括起来；
4、你要给width赋值，就必须在style里先写上width的属性，否则不能调用。
下面是我改好的：

<SCRIPT LANGUAGE="JavaScript">
<!--
function to_big_img(myimg){
var big_img = document.getElementById('big_img');
big_img.src=myimg.src;
big_img.style.width='230px';
big_img.style.visibility='visible';
}
function hidden_big_img(){
document.getElementById('big_img').style.visibility='hidden';
}
//-->
</SCRIPT>

<img src="www.xxx.com/as.jpeg" onmouseover="to_big_img(this)" onmouseout="hidden_big_img()" />

<img style="visibility:hidden;width:0px;" id="big_im