JSFiddle - React, Tailwind, and code Playground

by Zareh Geertjes

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"></script>

<div class="banner"></div>

CSS

#plane{
  position: absolute;
}

JavaScript

function flyplanfly(){
		$("<img />", {
    	src: "http://pngimg.com/upload/plane_PNG5234.png",
    	css: {
        "position": "absolute",
        "width" : "300px"
    	},
      id: 'plane',
    }).appendTo('.banner');

		ww = $( window ).width();
    posR = ww;
    speed = ww*10;
        
    function go() {
         $("#plane").css({left: posR});
         fly();
    }
    
    function fly() {
        $("#plane").animate({left: -300}, speed, "linear", go);
    }
    
    go();
}

$(document).ready(function() {
	flyplanfly();
});