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

JavaScript017

JS中的Image对象具有哪些属性和事件,第1张

js的Image对象等同于html的img标签,img所具有的属性(比如src)和事件(比如onload)Image对象也一样具有。

也就是说下面的语句是等效的:

var img1=new Image()

var img1=document.createElement("img")

额 你问的究竟是什么呢?

var img=new Image()根本没必要写的哦。

原因是因为浏览器中图片本身已经是实例化的对象。也就是一定会继承Image()的属性。

所以直接用就好了。

那么到底有哪些属性呢?

img.width

img.src

img.value

img.title

或许还很多吧。。。

事件有load click mouseover 等等吧。。。

要设置左右移动,方法不唯一。。。移动只是个效果而已。

以前复杂的一种是:

通过scrollLeft这个属性实现的。

你也可以设想图片前面加空格 然后吧图片顶后去,也可以实现。

我给你写了个一个简单的:

通过左边增加外边距。

仅供参考:

<div id="a" style="width:240pxoverflow:hiddenmargin:0border:1px solid #c00padding: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)