2024年5月12日发(作者:晋祺)
Js单击左右图标移动图片
最少要用到三个层,最里面的层div3是用来放所有图片的,其宽度要正好容的下所有
图片加起来的宽度,如(一个图片200px,而且图片之间没有间距,总共有7个图片,则
它的宽度为1400px);第二个层(父层)div2的宽度要很宽,最起码要大于等于你想让
div1存放的图片的宽度,如(想存放7个图片,宽度为1400,如果再有个div4和div3
的内容一样,宽度要为2800,如果想让连续显示,可设置很大,如6000);最后第一个
层div1(祖父层)的宽度要为你想让页面运行时显示图片宽度的大小,如(你想让页面运
行时显示4张图,则宽度设为800),要设其overflow:hidden。
注:一般内容超出其宽度外,不会自动延伸宽度水平显示超出范围,而是垂直显示,
就算高度也小。
Js代码: