Tool Tips: Magic JavaScript

Usage

Add data-mjf="tool_tip" data-mjf_tt_id="ELEMENT_CONTENT_ID" id="ELEMENT_ID" to your tag
Add class="tool_tip_cont" id="ELEMENT_CONTENT_ID" to your tag that contains the tool tip itself
Add <script type="text/javascript">$m.wand.tool_tip = true;</script> inside your <body> tag
Create a CSS style rule based ELEMENT_CONTENT_ID or possibly a CSS class for your tool tip collection for visual appeal.

Example

Hover over the image on the left Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Notes

Only minimal styling is applied to ensure separation of design and functionality.

« Back to the main documentation