jQuery Lede demos

Code

<!-- jQuery from Google, latest 1.x.x version, minified for production -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<!-- jQuery Lede, minified for production -->
<script src="jquery.lede.min.js"></script>

<!-- Call jQuery Lede on any selector with preferred options -->
<script>
$(document).ready(function(){

    // Demo 1: Default options
    $('.article-1').lede();

    // Demo 2: First 10 words
    $('.article-2').lede({ words: 10 });

    // Demo 3: `span` with class of `run-in`
    $('.article-3').lede({ classname: 'run-in' });

    // Demo 4: Disable default style
    $('.article-4').lede({ style: false });

});
</script>

Results

Note: Use the inspector to view enhanced source changes

Demo 1: Default options (First four words, <span> with class of caps)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare leo in mi. Donec ut nisi. Quisque metus. Suspendisse semper. Vivamus et nisl. Quisque magna mauris, venenatis in, suscipit nec, vehicula a, arcu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus tincidunt ultrices nibh. Curabitur metus neque, rhoncus tincidunt, pulvinar eu, consequat et, quam. Sed non ipsum. Vestibulum pede sapien, hendrerit sed, blandit ut, venenatis ac, elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum in mi.

Demo 2: First 10 words

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare leo in mi. Donec ut nisi. Quisque metus. Suspendisse semper. Vivamus et nisl. Quisque magna mauris, venenatis in, suscipit nec, vehicula a, arcu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus tincidunt ultrices nibh. Curabitur metus neque, rhoncus tincidunt, pulvinar eu, consequat et, quam. Sed non ipsum. Vestibulum pede sapien, hendrerit sed, blandit ut, venenatis ac, elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum in mi.

Demo 3: <span> with class of run-in

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare leo in mi. Donec ut nisi. Quisque metus. Suspendisse semper. Vivamus et nisl. Quisque magna mauris, venenatis in, suscipit nec, vehicula a, arcu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus tincidunt ultrices nibh. Curabitur metus neque, rhoncus tincidunt, pulvinar eu, consequat et, quam. Sed non ipsum. Vestibulum pede sapien, hendrerit sed, blandit ut, venenatis ac, elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum in mi.

Demo 4: Disable extra, built-in style

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare leo in mi. Donec ut nisi. Quisque metus. Suspendisse semper. Vivamus et nisl. Quisque magna mauris, venenatis in, suscipit nec, vehicula a, arcu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus tincidunt ultrices nibh. Curabitur metus neque, rhoncus tincidunt, pulvinar eu, consequat et, quam. Sed non ipsum. Vestibulum pede sapien, hendrerit sed, blandit ut, venenatis ac, elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum in mi.