jQuery Plugin For CSS3 Emphasis Marks - emphasis.js

File Size: 92.9 KB
Views Total: 1011
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For CSS3 Emphasis Marks - emphasis.js

emphasis.js is a lightweight javascript fallback for CSS3 text-emphasis and text-emphasis-position styles. text-emphasis is a CSS3 property which can be used to apply small symbols next to each glyph to emphasize a run of text. The plugin currently supports IE 8+, Chrome, Firefox 4+, Safari 5+, Opera 12+, Mobile Safari(iOS 5+).

Basic Usage:

1. Include jQuery library and jQuery emphasis.js script on your web page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.emphasis.js"></script>

2. The HTML

<a class="emphasis" href="#" target="_blank"><code>text-emphasis</code></a>

3. Call the plugin with options

<script>
$('.emphasis').emphasis(
'filled dot', // text-emphasis style. For example: filled, dotted, filled sesame red, "@" #069.
'under' // text-emphasis-position style. Currently it's not support "right" and "left" in vertical writing-mode.
);
</script>

Change log:

2017-01-07

  • v0.2.1: bugfixed

This awesome jQuery plugin is developed by zmmbreeze. For more Advanced Usages, please check the demo page or visit the official website.