基于javascript实现图片切换效果_javascript技巧【点击查看详情】
用js实现点击按钮,图片切换的效果。结构:用一个固定宽高的div来做最外层的容器,设置overflow为hidden。然后内层img_box设置宽度为四倍box的宽度,高度相同,也就是说img_box里面盛放四张img,但是可见的只有一张,下面的两个div,left和right是充当按钮实现点击切换图片,切换图片也就是改变img_box的left属性,所以img_box应该设置position为absolute,为了方便起见,box的position设置为relation,这样img_box就是相对box进行定位了。四张图片设置float为left,宽度和高度与box相同。CSS代码。