请问JS中的Image对象具有哪些属性和事件?

var img=new Image();
我这样子声明了一个Image对象,
请问这个对象有哪些属性和事件呢?
特别是,有没有可以控制图片在网页中
左右移动的属性?
谢谢!
那请问有没有相应的属性可以完成如下的功能:
在图片一开始加载显示时,图片就显示在网页上我指定
的位置。当然前提是我已经获得了那个显示坐标。
谢谢!

额 你问的究竟是什么呢?
var img=new Image(); 根本没必要写的哦。
原因是因为浏览器中图片本身已经是实例化的对象。也就是一定会继承Image();的属性。
所以直接用就好了。
那么到底有哪些属性呢?
img.width
img.src
img.value
img.title
或许还很多吧。。。
事件有load click mouseover 等等吧。。。
要设置左右移动,方法不唯一。。。移动只是个效果而已。
以前复杂的一种是:
通过scrollLeft这个属性实现的。
你也可以设想图片前面加空格 然后吧图片顶后去,也可以实现。
我给你写了个一个简单的:
通过左边增加外边距。
仅供参考:
<div id="a" style="width:240px;overflow:hidden; margin:0; border:1px solid #c00; padding:10px;">
<img src="shadow.jpg" width="240" height="89" />
</div>
<script type="text/javascript">
var divwidth = document.getElementById('a').style.width;
var img = document.getElementById('a').getElementsByTagName('img')[0];
var ml = 0;
function abc(){
if( ml <= parseInt(divwidth)) {
img.style.marginLeft = ml + 'px';
ml++;
}
else {ml = 0;}
}
setInterval('abc()',100);追问

首先谢谢你,你是个JS高手。能否再问一下:
请问有没有相应的属性可以完成如下的功能:
在图片一开始加载显示时,图片就显示在网页上我指定
的位置。当然前提是我已经获得了那个显示坐标。
谢谢!

追答

额。。这个,图片在网页上的位置。。。其实可以通过CSS的定位实现是最好的。
我不知道你的坐标是什么。。。
因为DOM差异会小一点 ,你用定位的话,再加上JS控制,图片当然可以在指定的位置显示。

另外,据我所知,图片是没有如你所说的属性实现你那样的功能的!。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2012-05-22
for(var i in file){ //file是图片的Obj对象
document.write(i+"--------"+file[i]+"-----------"+"<br/>");
}

//以下是这个图片对象的属性和方法。
name--------94c71c101bda4723dbb4bdd18.jpg-----------
size--------100981-----------
type--------image/jpeg-----------
mozSlice--------function mozSlice() { [native code] }-----------
mozFullPath-------------------
第2个回答  2017-11-20
如果想让图片一开始就出现在指定位置,那就通过定义css来实现