Demo Notes - Active Hover
When the 'Active Hover' option is turned on, tabs are changed when a user hovers their mouse over the tab rather than having to click the tab.
Example 1 - shows the default active hover action
Example 2 - shows the active hover action with an active hover delay set to a 1/2 second. See how their is now a little bit of a lag between hovering and the tab switching.
Example 1 - Active Hover Default
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce iaculis. Quisque convallis ipsum at lorem. Praesent dolor orci, fermentum eu, rutrum non, placerat vitae, nisl. Donec sem. Morbi odio. Mauris feugiat justo ut orci. Nulla facilisi. Nullam sagittis lacus in sem aliquet semper. Nam eget turpis. Morbi id neque id est cursus rhoncus. Aliquam erat volutpat. Nulla malesuada. Nullam risus nulla, pellentesque et, eleifend a, gravida nec, erat. Integer et urna. Donec tempus nisl non quam. In porta tempus tortor. Suspendisse fermentum sapien. Mauris orci eros, mollis ut, gravida a, viverra sit amet, neque. Praesent quam.
Sed faucibus viverra nisl. Donec justo odio, nonummy a, suscipit sed, egestas eu, turpis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Duis vestibulum. Aliquam augue. Ut accumsan magna vel massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc erat sem, consequat eget, lobortis vel, sollicitudin a, purus. Cras gravida, arcu at egestas auctor, turpis dui vehicula arcu, suscipit sollicitudin ligula neque non velit. Suspendisse tincidunt lacus rutrum lectus. Nulla tortor. Aliquam sit amet ante. Phasellus eu odio ut risus aliquet convallis.
Nunc sagittis diam ac nunc. Pellentesque bibendum rutrum lorem. Etiam porta tellus sit amet sem. Phasellus sed quam ac magna blandit elementum. Aenean sem lacus, vulputate vel, auctor in, interdum vel, nisl. Sed imperdiet. In a lacus nec felis interdum lobortis. Maecenas ac tortor ac tellus dignissim fringilla. Morbi diam. Maecenas ultrices. Quisque sit amet diam. Morbi suscipit tortor. Nullam vel erat. Etiam odio dui, egestas quis, vestibulum ut, vulputate sed, nisl. Cras non justo ut mauris mattis fermentum. Vestibulum nunc. Donec consequat, quam a imperdiet congue, nisi justo molestie nulla, vehicula pulvinar lorem mi quis purus. Vestibulum nec purus eu neque mollis vehicula. Duis fringilla. Praesent augue dui, euismod in, cursus non, tristique nec, metus.
Example 2 - Active Hover with 1/2 second delay
Donec lacinia tortor et orci. Mauris a felis. Mauris a mauris. Maecenas elementum. Duis turpis neque, viverra eget, auctor sit amet, placerat at, tortor. Quisque ut tortor. Cras libero. Maecenas adipiscing. Suspendisse enim magna, aliquam a, pulvinar et, tincidunt feugiat, nisi. Sed mi. Integer massa dui, venenatis quis, ornare at, aliquet interdum, libero. Integer condimentum consectetuer mauris.
Nam enim lacus, feugiat ut, tempus sit amet, laoreet nec, sapien. Donec vel mauris eu neque auctor convallis. Etiam sapien purus, vulputate vel, fringilla et, vestibulum id, sem. Fusce eu quam. In diam. Suspendisse vitae libero quis nulla feugiat hendrerit. In hac habitasse platea dictumst. Nunc in lorem. Nullam velit quam, tincidunt eget, aliquam eu, venenatis eu, mauris. Donec vitae est at ipsum sagittis vestibulum.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce iaculis. Quisque convallis ipsum at lorem. Praesent dolor orci, fermentum eu, rutrum non, placerat vitae, nisl. Donec sem. Morbi odio. Mauris feugiat justo ut orci. Nulla facilisi. Nullam sagittis lacus in sem aliquet semper. Nam eget turpis. Morbi id neque id est cursus rhoncus. Aliquam erat volutpat. Nulla malesuada. Nullam risus nulla, pellentesque et, eleifend a, gravida nec, erat. Integer et urna. Donec tempus nisl non quam. In porta tempus tortor. Suspendisse fermentum sapien. Mauris orci eros, mollis ut, gravida a, viverra sit amet, neque. Praesent quam.
|
 More Demos
|