• 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

•                .

• jQuery LavaLamp

• Beautyful  Navigator
• your site
• use
• jQuery script

1. start Item test

$('ul#manualtest').lavaLamp({startItem: 4});

• Item_1
• Item_2
• Item_3
• Item_4
• Item_5

2. selectedLava (& noLava) class tests

• Not Selected 1
• |
• Not Selected 2
• |
• Selected!
• |
• Not Selected 3
• |
• Not Selected 4

3. home element test

$('ul#hometest').lavaLamp({homeTop:100, homeLeft:100, returnHome:true});

• always
• returns
• to hidden
• home element
• arkacaraka.blogspot

4. URI Matching::

- absolute path tests:

• arkacaraka.blogspot.arkacaraka
• arkacaraka
• blogspot
• arkacaraka.blogspot
• arka
• blogspot.arkacaraka.blogspot
• arkacaraka

LavaLamp defaults to the longest href found that matches the full window.location path+query+hash reference. In the test above, the first absolute with trailing slash link always highlights even when clicking the no trailing slash link because the browser always delivers a trailing slash on path only links, making the longer a href match the winner in any case.

- relative path tests:

• arkacaraka.blogspot
• arkacaraka.blogspot
• arkacaraka.blogspot
• arkacaraka.blogspot

Notice when you click the 3rd or 4th link above, the similar absolute links are also highlighted in the previous absolute tests menu. A menu with similar mixed absolute and relative a href links will always default to the longest a href match.

- mixed absolute and relative path tests:

• /projects/jquery-lavalamp/demos/urltest/
• arkacaraka.blogspot
• arkacaraka.blogspot

While obviously the last two links offer more detail than the first, because the first link is the longest a href and matches within the full path delivered by window.location it wins for default. Yes, code could be added to attempt a full mixed match, but to keep LavaLamp as lean as possible I am leaving it this way for now.

Some tips for using automatic start location:

• be consistent: do not mix and match relative with absolute paths in your menu links
• be absolute: always use absolute pathed links for most accurate matching
• check your source: don't be fooled by the location you see in the status bar when you hover over a link, the browser compensates for relative links just like window.location.

Tuesday, January 25, 2011

EXAMPLE LAVALAMP NAVIGATOR

1.Example speed setting_1

$('ul#classtest1').lavaLamp({fx:'easeOutBack',speed:800,returnDelay:300});;

• Item_1
• Item_2
• Item_3
• Item_4
• Item_5

• 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

2. Example Combine "function"

 $('ul#selecttest,ul#classtest').lavaLamp({startItem: 4,click: function(event,el) {
   alert(event+el);
   return false;
  }});

• Item_1
• Item_2
• Item_3
• Item_4
• Item_5

3.Example to Hide & fast

$('ul#fast,ul#fast1').lavaLamp({fx:'easeOutBack',speed:300,returnDelay:500});
$('ul#fast1').lavaLamp({fx:'easeOutBack',speed:500,returnDelay:300});

• Item_1
• Item_2
• Item_3
• Item_4
• Item_5

3.Example to Hide

$('ul#tohide').lavaLamp({homeTop:100, homeLeft:100, returnHome:true});

• Item_1
• Item_2
• Item_3
• Item_4
• Item_5

Friday, January 21, 2011

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

Example Jquery seting

Saturday, January 15, 2011

•                .

• jQuery LavaLamp

• Beautyful  Navigator
• your site
• use
• jQuery script

1. start Item test

$('ul#manualtest').lavaLamp({startItem: 4});

• Item_1
• Item_2
• Item_3
• Item_4
• Item_5

2. selectedLava (& noLava) class tests

• Not Selected 1
• |
• Not Selected 2
• |
• Selected!
• |
• Not Selected 3
• |
• Not Selected 4

3. home element test

$('ul#hometest').lavaLamp({homeTop:100, homeLeft:100, returnHome:true});

• always
• returns
• to hidden
• home element
• arkacaraka.blogspot

4. URI Matching::

- absolute path tests:

• arkacaraka.blogspot.arkacaraka
• arkacaraka
• blogspot
• arkacaraka.blogspot
• arka
• blogspot.arkacaraka.blogspot
• arkacaraka

LavaLamp defaults to the longest href found that matches the full window.location path+query+hash reference. In the test above, the first absolute with trailing slash link always highlights even when clicking the no trailing slash link because the browser always delivers a trailing slash on path only links, making the longer a href match the winner in any case.

- relative path tests:

• arkacaraka.blogspot
• arkacaraka.blogspot
• arkacaraka.blogspot
• arkacaraka.blogspot

Notice when you click the 3rd or 4th link above, the similar absolute links are also highlighted in the previous absolute tests menu. A menu with similar mixed absolute and relative a href links will always default to the longest a href match.

- mixed absolute and relative path tests:

• /projects/jquery-lavalamp/demos/urltest/
• arkacaraka.blogspot
• arkacaraka.blogspot

While obviously the last two links offer more detail than the first, because the first link is the longest a href and matches within the full path delivered by window.location it wins for default. Yes, code could be added to attempt a full mixed match, but to keep LavaLamp as lean as possible I am leaving it this way for now.

Some tips for using automatic start location:

• be consistent: do not mix and match relative with absolute paths in your menu links
• be absolute: always use absolute pathed links for most accurate matching
• check your source: don't be fooled by the location you see in the status bar when you hover over a link, the browser compensates for relative links just like window.location.

Friday, January 14, 2011