刷书小将
2015-11-19 02:50
采纳率: 92.9%
浏览 3.5k

新人提问:html怎么让图片滑动起来呢?

html怎么让图片滑动起来呢?
假如一个这个图片
就是让图片从左上角,滑到右下角,再往上滑到右上角,再滑到左下角。
没一点思路……
求朋友帮我指点迷津。
新人没分,万分感谢

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

7条回答 默认 最新

  • lsslu 2015-11-19 03:56
    已采纳

    javascript的移动:

    
    function moveDiv(){
        var oDiv = document.getElementById('your_image_id');
        oDiv.style.left = (oDiv.offsetLeft + 1) + 'px';
        oDiv.style.top = (oDiv.offsetTop + 1) + 'px';
    
        if(oDiv.offsetLeft >= 300 || oDiv.offsetTop >= 300){
            return;
        }
    
        setTimeout(moveDiv, 10);
    };
    
    moveDiv();
    
    打赏 评论
  • 优游湖 2015-11-19 02:55

    jquery animate

    打赏 评论
  • position:absolute定位,然后用setInterval或者setTimeout更新style的left和top属性

    打赏 评论
  • 刷书小将 2015-11-19 03:09

    假如一个图片,在function中是不是要写var a=document.getId("a"),但是再a.后面,没有left和top之类的属性

    打赏 评论
  • 简约的心界 2015-11-19 03:10

    用jquery 不过对应的 图片 要设置Position属性 为相对定位

    打赏 评论
  • lsslu 2015-11-19 03:30

    接楼上,设置image的position为absolute

    $('your image').css('position', 'absolute').animate({left: 300, top: 300}, 1000);

    打赏 评论
  • 优游湖 2015-11-19 03:34

    图片说明
    我去,为什么每次我一回答就是两条呢

    打赏 评论

相关推荐 更多相似问题