code_junkie

Highlight text on a page after it is rendered

Nov 12th, 2011
69
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.38 KB | None | 0 0
  1. <script language="javascript" type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
  2. <script language="javascript" type="text/javascript" src="js/jquery.highlight-2.pack.js"></script>
  3. <script language="javascript" type="text/javascript">
  4. $(document).ready( function () {
  5. $('p').each(function() { $.highlight(this, 'LOREM'); });
  6. });
  7. </script>
  8. <style type="text/css">
  9. .highlight { background-color: yellow }
  10. </style>
  11.  
  12. ..
  13. ..
  14. ..
  15. <p>
  16. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi gravida risus elementum tortor. Duis mattis, est et volutpat cursus, mi mi ornare tortor, sed fringilla nibh erat sed eros. In nec orci vel velit scelerisque ultrices. Nunc auctor elit. Proin orci ligula, luctus a, venenatis sit amet, laoreet a, mauris. Suspendisse sem nibh, interdum eu, vestibulum non, semper vel, mauris. In quis leo suscipit risus semper pretium. Cras interdum iaculis dui. Etiam vel ipsum eu sapien dapibus sagittis. Donec lobortis, lectus et placerat euismod, quam dui porttitor sem, sed fermentum eros quam ac ipsum. Ut eu augue. Nullam lacinia dictum neque. Nullam eros. Phasellus sem nisi, feugiat nec, consectetur vel, ullamcorper at, nisl. Aenean quam risus, ullamcorper a, ultricies ut, posuere ac, quam. Vestibulum sed lectus ac orci fermentum viverra. Sed aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  17. </p>
Add Comment
Please, Sign In to add comment