jQuery Plugin For CSS3 Emphasis Marks emphasis js - Download jQuery Plugin For CSS3 Emphasis Marks - emphasis.js

Download jQuery Plugin For CSS3 Emphasis Marks – emphasis.js

By Posted on

This time I will share jQuery Plugin and tutorial about jQuery Plugin For CSS3 Emphasis Marks – emphasis.js, hope it will help you in programming stack.

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

Demo Download

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

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

2. The HTML

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

3. Call the plugin with options

view source
1 <script>
2 $('.emphasis').emphasis(
3 'filled dot', // text-emphasis style. For example: filled, dotted, filled sesame red, "@" #069.
4 'under' // text-emphasis-position style. Currently it's not support "right" and "left" in vertical writing-mode.
5 );
6 </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.

source : jqueryscript.net

Related posts: