Art Category

J Query Home Page

• You will see a display that bad if you use the IE 

•  Sorry you using " stupid and slow browser as a donkey"
                                   this mesage is not visible if your browser correctly

Animate Sword_01









Code : Animate Sword_01

  $("#right").click(function(){
  $(".block").animate({"left": "+=100px"}, "fast");
});

$("#left").click(function(){
  $(".block").animate({"left": "-=50px"}, "slow");
});

Animate Sword_02

Code : Animate Sword_02

  $(document.body).click(function(){
  $(".block").animate({"left": "+=500px"} , "slow");
});

$(document.body).click(function(){
  $(".block").animate( {"left": "-=30px"} , "fast");
});
$(document.body).click(function(){
  $(".block").animate({"left": "+=30px"} , "slow");
});

$(document.body).click(function(){
  $(".block").animate( {"left": "-=500px"} , "fast");
});

$(document.body).click(function(){
  $(".block1").animate({"left": "-=10px"} , "slow");
});

$(document.body).click(function(){
  $(".block").animate({"left": "+=10px"} , "slow");
});

In  example Animate Sword 01 here using basic script settings.$ ('# right') and $ ('# right')  is the devinition function key button right/left.

$("#right") 

({"left": "+=100px"}, "fast");

And the string above is the provision swords movement distance in pixel.

In the example Animate Sword 02 here using advanced settings to adjust the speed and repetition of movement.
Consider the following string:

( {"left": "-=30px"} / {"left": "-=500px"} / ({"left": "+=10px"}...

And the following string is an argument which resulted click functions, mouse pointer wherever you click the animation is play.

$(document.body).click(function()

Sunday, January 16, 2011