为了账号安全,请及时绑定邮箱和手机立即绑定

JS怎么实现图片在网页上下左右悬浮移动?

JS怎么实现图片在网页上下左右悬浮移动?

懵萌酱 2017-02-17 15:55:44
就是网页中一张图片从上往下倾斜移动,撞到浏览器边框就会向其他方向移动
查看完整描述

2 回答

?
遥望星辰_

TA贡献119条经验 获得超85个赞


这个很简单啊

图片移动的范围,最小left 0,top 0,最大left+img的宽度=页面可视宽度,top+img高度=页面可视高度

设定定时器,达到最大范围后相应调整left right top bottom

查看完整回答
反对 回复 2017-02-17
?
hahhhha

TA贡献50条经验 获得超32个赞

  1. 健壮简单的方法就用jquery/js操作元素绝对位置;

  2. css3当然页面不错的选择。

  3. 这之中最重要的是算法,碰撞检测。

查看完整回答
反对 回复 2017-02-17
  • 懵萌酱
    懵萌酱
    请问有没有代码例子给我看一下,用js的方法做。谢谢了啊。
  • hahhhha
    hahhhha
    等我这几天抽个时间搞一版。
  • hahhhha
    hahhhha
    等我这几天抽个时间搞一版。
  • 2 回答
  • 0 关注
  • 5899 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信