Animated Santa Claus Using Javascript This Christmas
Animated Santa Claus Using Javascript This Christmas
Animated Santa Claus Using Javascript This Christmas
A very interesting script for all my visitors and a Christmas gift from mistonline. An animated Santa Claus that dance along your web page. This is very simple script, no complex code added. All you have to do is copy paste the below HTML & JS code and edit your HTML’s accordingly.
The first part is to get the image. I have a gif image here if you need you can take it from our website or download it from an external site. Any GIF images will do.
Download Santa
The HTML Code looks like this. Save this on to your index page or any other according to your convenience.
<script type="text/javascript" src="santa.js"></script> <div id="animatedImage" style="position: relative;"> <img src="santa.gif" alt="animatedImage" /> </div>
Now the Javascript Part
//Santa animated by http://www.mistonline.in
//Visit us for more tutorials and scripts on Javascript,PHP,Mysql,Ajax etc.,
//If you like our code please dont remove our website name from this page. Thanks in advance.
var santa_move=0;
var santa_direction=1;
document.getElementById('animatedImage').style.top = 10;
document.getElementById('animatedImage').style.left = 10;
var timerToggle=null;
animateBall();
function animateBall() {
document.getElementById("animatedImage").style.left=santa_move + "px";
//document.getElementById("animatedImage").style.top=santa_move + "px";
santa_move+=santa_direction;
//400
if (santa_move>window.screen.width) {
//santa_direction=-1;
document.getElementById('animatedImage').style.top = 10;
document.getElementById('animatedImage').style.left = 10;
santa_move=0;
}
if (0>santa_move) { santa_direction=1; }
timerToggle=setTimeout(function() { animateBall(); },10);
}
Save this as santa.js and run the HTML to see Santa Claus dancing on your webpage.
Merry Christmas My Friends
Animated Santa Claus Using Javascript This Christmas,Incoming search terms:
- jquery santa claus (10)
- javascript santa (6)
- javascript santa claus (5)
- santa javascript (4)
- santa claus javascript (3)
- jquery santa christmas (2)
- javascript christmas (2)
- php santa script (2)
- santa clause javescript (2)
- Santa Claus Script (1)
- santa klaus animaciya gif (1)
- jquery santa claus dancing (1)
- js santa html (1)
- santa jquery code (1)
- santa html codes (1)
- merry christmas javascript (1)
- santa gift animation (1)
- moving dancing santa (1)
- moving santa html for my website (1)
- santa animation java download (1)
- santa clause java script (1)
- santa letter javascript program (1)
- jquery dancing santa (1)
- Animated Christmas Card using jQuery (1)
- antimated santa clause on webpage (1)
- Christamas images on a webpage using javascript (1)
- christmas javascript animation (1)
- christmas moving animation (1)
- CHRISTMAS PICS SANTA ANIMATION (1)
- css santa animate (1)
- dancing santa claus div (1)
- how to make moving santa clause using script code (1)
- html javascript santa claus (1)
- html javascript santa clause (1)
- html santa sleigh moving javascript (1)
- javascript animated santa (1)
- javascript christmas animation (1)
- javascript santa effect (1)
- javascript santa on web site (1)
- jqery of moving santa (1)
