Download to read offline
Jquery plugins
- 1.
- 2. JavaScript is likelumber
- 3. • • • • • • • • Just add 2x4's™ Simpleassembly, only straight cuts required Makes any width you desire by the length of wood Comfortable, ergonomic design Strong and very durable Made of maintenance-free structural resin Lifetime manufacturer's warranty Sand color jQuery JavaScript Library
- 4. FREE! • • • • • • • • Just add 2x4's™ Simpleassembly, only straight cuts required Makes any width you desire by the length of wood Comfortable, ergonomic design Strong and very durable Made of maintenance-free structural resin Lifetime manufacturer's warranty Sand color jQuery JavaScript Library
- 5.
- 6.
- 7. Add jQuery tothe <head> <script src="http://code.jquery.com/jquery.min.js"></script>
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15. For plugins, addcode AFTER jQuery <script src="http://code.jquery.com/jquery.min.js"></script> <script src="jquery.fancybox.pack.js"></script>
- 16. For plugins, addcode AFTER jQuery <script src="http://code.jquery.com/jquery.min.js"></script> <script src="jquery.fancybox.pack.js"></script>
- 17. Plugins create newjQuery Methods build into jQuery proper $("#mybox").fadeOut(); ! $("#mybox").hide(); ! $("#mybox").css("color", "blue");
- 18. Plugins create newjQuery Methods build into jQuery proper $("#mybox").fadeOut(); ! $("#mybox").hide(); ! $("#mybox").css("color", "blue"); New totally awesome jQuery method $("#mybox").fancybox();
- 19.
- 20. Fancy Box $(".fancybox").fancybox(); <a href="image.jpg" class="fancybox">Link to an image</a>
- 21.
- 22.
- 23.
- 24. jQuery Plugin Parameters $(".fancybox").fancybox({ ! ! ! ! }); Options go here
- 25. jQuery Plugin Parameters $(".fancybox").fancybox({ ! :"<h1>Hello World</h1>", content width : 400, : 300, height ! });