Instructions:
Step 1
Add the head script to the head of the page, and add the body script to the body of the page
Step 2
Select the Text element
Step 3
In the Rich Text Editor > Source, add a span tag around the number that you would like to apply the Odometer to:
<span class="odometer" data-delay="250" data-prev="0" data-val="39">
Step 4
The odometer class is required.
Step 5
- The data-delay is the amount of milliseconds before the animation of the number will begin
- The data-prev is the number that it will start with
- The data-val is the number that it will end on
To Use:
- Add the head script to the head of the page, and add the body script to the body of the page
Structure:
- Text element
- In the Rich Text Editor > Source, add a span tag around the number that you would like to apply the Odometer to:
<span class="odometer" data-delay="250" data-prev="0" data-val="39"> - The odometer class is required.
- The data-delay is the amount of milliseconds before the animation of the number will begin
- The data-prev is the number that it will start with
- The data-val is the number that it will end on
- In the Rich Text Editor > Source, add a span tag around the number that you would like to apply the Odometer to: