Tutorial on dynamic tabs has been given before by me,however the tutorial have some basic instructions related to tabs.This post will give you the idea about the implementation of lava lamp in dynamic tabs.Have a look on demo:
classes.When a lava lamp have a specific
classthen it will move accordingly.
content1is added in the lamp on which
CSSis applied that is
0px.As the lava lamp is at
position absolute,it means the
heightof the button will set the value of
topattribute.Secondly,when a button is clicked then the
classis removed and a new
classof the clicked button is added which gives the lamp the magnitude or value of left;according to which it moves.
- The width of the lamp have to set according to the number of buttons that is 100 divide by the number of buttons and the product will be the
classof button will have different
stylewith lamp to set the value that how much will it move.