https://github.com/dzervoudakes/jquery-mouseable

A delightfully !DOCTYPE-agnostic answer to hover/active states.
https://github.com/dzervoudakes/jquery-mouseable

Last synced: about 1 month ago
JSON representation

A delightfully !DOCTYPE-agnostic answer to hover/active states.

• Host: GitHub
• URL: https://github.com/dzervoudakes/jquery-mouseable
• Owner: dzervoudakes
• License: mit
• Created: 2015-02-01T09:15:50.000Z (almost 10 years ago)
• Default Branch: main
• Last Pushed: 2020-10-31T05:31:07.000Z (about 4 years ago)
• Last Synced: 2024-10-21T21:47:43.842Z (3 months ago)
• Language: HTML
• Homepage:
• Size: 42 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# jQuery-mouseable

_A delightfully !DOCTYPE-agnostic answer to hover/active states._

Dynamically adds hover and active classes to DOM elements for styling, removing the need for CSS :hover and :active pseudo classes. Unlike pseudo classes, this method is !DOCTYPE-agnostic.

##### Example:

```

$(selector).mouseable();

```

In the example above, the default hover class is "over" and the default active class is "down".

##### Example with custom hover/active classes:

```

$(selector).mouseable({

	hoverClass: 'foo',

	activeClass: 'bar'

});

```

In the example above, the hover class is user-defined as "foo" and the active class is user-defined as "bar".

*This plugin is optimized for both mouse events and touch events.*