收藏本站
[公司资质]
[联系我们]
当前位置: 主页 > 香港金多宝宾馆 >

请教:js图片移动特效

时间:2019-10-26 15:51来源:未知 作者:admin 点击:
可选中1个或多个下面的关键词,搜索相关资料。也可直接点搜索资料搜索整个问题。 展开全部不是很简单一两句话能说清楚地,需要HTML,CSS和javascript的配合。我大概说下做法,你需要自己写写试试看 然后在div里面再添加一个div,假设叫做imgcontainer,在里面

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

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

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

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

(责任编辑:admin)
相关内容:
js 应用后没有特效出来啊- 什么面霜补水保湿效果最好26h 专业女性美容护肤王春美容特效 高帧3D让《双子杀手》视效震撼 js特效有几种效果?
关于我们 | 网站导航 | 广告服务 | 联系方式 | 投诉与建议 | 客户调查 | 会议接待 | 火车票查询 | 服务中心 | 推广中心
华正航空主营:机票,飞机票,特价机票,打折机票,深圳机票,深圳特价机票,机票预订,机票查询,酒店预订,特价酒店,出国签证,旅游线路查询。
24小时服务热线4006-888-999755-33333777服务监督电话:13808855476