jQuery.emphasis.js

A javascript fallback for CSS3 emphasis mark, aka text-emphasis. It’s really useful for East Asian documents. Using small symbols next to each glyph to emphasize a run of text.

demo

Depends on jQuery >= 1.10. Support IE 8+, Chrome, Firefox 4+, Safari 5+, Opera 12+, Mobile Safari(iOS 5+)

Getting Started

Include jquery and emphasis plugin into html like this:

<script src="jquery-1.10.2.min.js"></script>
<script src="jquery.emphasis.js"></script>
<script>
$('em').emphasis('dot');
</script>

.emphasis(text-emphasis)

text-emphasis
Type: String
A string representing text-emphasis style.
For example: filled, dotted, filled sesame red, "@" #069. You can also use value none to remove the style.
It's using navigator.language || navigator.browserLanguage to define which language was used. And it's not supporting vertical writing-mode.

.emphasis(text-emphasis, text-emphasis-position)

text-emphasis
Type: String
A string representing text-emphasis style.
text-emphasis-position
Type: String
A string representing text-emphasis-position style. Currently it's not support "right" and "left" in vertical writing-mode.

Links

Know issues

If you find more issue, welcome to report it.