<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var windowWidth = $(document).width();
var santa = $('.santa');
santa_right_pos = windowWidth + santa.width();
santa.right = santa_right_pos;
function movesanta(){
santa.animate({right : windowWidth + santa.width()},15000, function(){
santa.css("right","-500px");
setTimeout(function(){
movesanta();
},10000);
});
}
movesanta();
});
</script>
<style>
.santa {
position: fixed;
bottom: 10px;
right: -500px;
}
.xmas-tree {
position: fixed;
bottom: -20px;
right: 5px;
}
</style>
<div class="santa"><img src="https://i.ibb.co/ZM1kjCG/christmas-sled-source-ulp.gif" alt=""></div>
<div class="xmas-tree"><img src="https://i.ibb.co/x7jsNDR/Animated-Xmas-tree-animation.gif" alt=""></div>
Niciun comentariu:
Trimiteți un comentariu
Lasa un comentariu