[设为首页] [加入收藏]
您现在的位置:主页 > www.www99033.com >

请教:js图片移动特效

[时间:2019-10-06 05:42来源:未知作者:admin浏览:]

  可选中1个或多个下面的关键词,搜索相关资料。也可直接点“搜索资料”搜索整个问题。

  展开全部不是很简单一两句话能说清楚地,需要HTML,CSS和javascript的配合。我大概说下做法,你需要自己写写试试看

  然后在div里面再添加一个div,假设叫做imgcontainer,在里面存放所有图片,图片以float:left方式显示,每个图片的宽度你是知道的,这样图片的个数*每个图片的宽度(必要的话再加上图片之间的间隔)设置为imgcontainer的总宽度。然后把div的宽度设置为显示3个图片的宽度。这样就可以保证只显示3个图片,多余的图片看不到。

  然后在点击左右2个按钮的时候添加事件,每点击一次,让imgcontainer的marginLeft增加或减少一个图片的宽度(同样必要的时候加上图片之间的间隔距离),这样就使得图片列表在左右移动了。

网站首页正版管家婆马报彩图新版跑狗图2018弟93期金码会跑狗图2019www.123408.comwww.www99033.com