画像を自動的に動かす

Example

HTML

<html>
<head>
<title>テスト</title>
<style>
.abs { position:absolute; }
</style>
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<script>
var delta = 10;
$(function() {
    $('#E1').css("left", "100px");
    window.setInterval(function() {
        var pos = $('#E1').offset();
        pos.left += delta;
        $('#E1').css("left", pos.left + "px");
        if ((pos.left < 100) || (300 < pos.left)) {
            delta = -delta;
        }
    }, 50);
});
</script>
</head>
<body>
<img id="E1" src="xx.gif" width=56 height=69 class=abs>
</body>
</html>

説明

実例