sennokiseiki
2016-03-24 23:56
var box=document.getElementById('container');
var imgs=document.getElementsByTagName('img');
var imgwidth=imgs[0].offsetWidth;
var exposewidth=100;
var boxwidth=imgwidth+(imgs.length-1)*exposewidth;
box.style.width=boxwidth+'px';
for(var i=1;i<imgs.length;i++)
{
imgs[i].style.left=exposewidth*(i-1)+imgwidth+'px';
}
明明已经设置好了。为什么会这样?
大概是你引入的图片为宽高不等的图片。
后续图片的宽度小于第一张图片的宽度 imgs[0].width ,而在定义容器 container 宽度时使用的是较大的宽度 imgs[0].width ,所以造成 boxwidth 偏大,后续图片移动时不能填满,露出部分间隙,透出背景颜色。
案例所用应为等宽高图片。
var exposewidth=100; 这个不是160吗?
引入reset文件?
DOM探索之基础详解篇
98372 学习 · 238 问题
相似问题