也就是说下面的语句是等效的:
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)