Wednesday, January 6, 2010
jQuery Highlighter
Key Features:
- Keyboard Navigation (arrowkeys + ESC)
- Highly Customizable
- Autoplay
- Todo Accessible
- Todo Cross Browser Compatibility
Download jQuery Highlighter 0.5.2 alpha (.zip)
Usage:1. <head>Configuration:
2. <!-- Load and Configure jQuery Highlighter -->
3. <link href="lib/jquery.highlighter.css" rel="stylesheet" type="text/css"/>
4. <script type="text/javascript" src="lib/jquery-1.3.2.min.js"></script>
5. <script type="text/javascript" src="lib/jquery.highlighter.js"></script>
6.
7. <script type="text/javascript">
8. $(document).ready(function() {
9. $(".jhighlight").jhighlight();
10. });
11. </script>
12. </head>
<head> <!-- Load and Configure jQuery Highlighter --> <link href="lib/jquery.highlighter.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="lib/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="lib/jquery.highlighter.js"></script> <script type="text/javascript"> $(document).ready(function() { $(".jhighlight").jhighlight(); }); </script> </head>
view plaincopy to clipboardprint?
1. <body>
2. <!-- Control Markup -->
3. <div id="control">
4. <a href="javascript:void(0);" title="id-of-the-element-to-highlight" class="jhighlight" rel="<h1>HTML Markup for the Description</h1>">
5. 1
6. </a>
7. <a href="javascript:void(0);" title="id-of-the-element-to-highlight" class="jhighlight" rel="<h1>HTML Markup for the Description</h1>">
8. 2
9. </a>
10. <a href="#" id='close'>
11. close
12. </a>
13. </div>
1. <script type="text/javascript">
2. $(document).ready(function() {
3. $(".jhighlight").jhighlight( {
4. screencolor : 'black',
5. screenopacity : '0.6',
6. overlaycolor : 'transparent',
7. boxshadow : '0px 0px 30px white',
8. animationspeed : 500,
9. autoload : false,
10. autoloadobject : "",
11. autoplay : false,
12. autoplaydelay : 1000,
13. description : false
14. });
15. });
16. </script>
Would you like more Information Visit Here http://www.dailymarkup.com/
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment