Permalink
Browse files

Initial untested code for jquery arrow plugin.

  • Loading branch information...
1 parent 9d193a9 commit 15fa9e54bc17c5b2a41697d63bbb2ecb7e8c34d2 @mbasset committed Apr 25, 2011
Showing with 56 additions and 0 deletions.
  1. BIN arrow.png
  2. +11 −0 demo.js
  3. +45 −0 index.html
View
BIN arrow.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
11 demo.js
@@ -0,0 +1,11 @@
+$(document).ready(function() {
+ $('#container h1').arrow({ height: "30px", style: "topleft", image_orientation: "right", persist: false, trigger_event: 'mouseover' });
+ $('#container h2').arrow({ height: "30px", style: "bottomleft", image_orientation: "right", persist: true, trigger_event: 'mouseover', stop_event: 'mouseout' });
+ $('#container h3').arrow({ height: "30px", style: "topright", image_orientation: "right", persist: false });
+ $('#container h4').arrow({ height: "30px", style: "bottomright", image_orientation: "right", persist: true });
+
+ $('#container_2 h1').arrow({ height: "30px", style: "top", image_orientation: "right", persist: false, trigger_event: 'mouseover' });
+ $('#container_2 h2').arrow({ height: "30px", style: "bottom", image_orientation: "right", persist: true, trigger_event: 'mouseover', stop_event: 'mouseout' });
+ $('#container_2 h3').arrow({ height: "30px", style: "left", image_orientation: "right", persist: false });
+ $('#container_2 h4').arrow({ height: "30px", style: "right", image_orientation: "right", persist: true });
+});
View
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+"http://www.w3.org/TR/html4/loose.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <script language="javascript" src="js/jquery.1.5.2.min.js"></script>
+ <script language="javascript" src="js/jquery.rotate.2.1.min.js"></script>
+ <script language="javascript" src="js/jquery.arrow.1.0.0.js"></script>
+ <script language="javascript" src="demo.js"></script>
+
+ <style type="text/css">
+ h1, h2, h3, h4, h5, h6 {
+ border: solid 1px;
+ }
+
+ #container, #container_2 {
+ padding: 50px;
+ width: 300px;
+ }
+ </style>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>
+ <div id="container">
+ <h1>Example of Arrow 1</h1>
+ <h2>Example of Arrow 2</h2>
+ <h3>Example of Arrow 3</h3>
+ <h4>Example of Arrow 4</h4>
+ </div>
+ </td>
+
+ <td>
+ <div id="container_2">
+ <h1>Example of Arrow 5</h1>
+ <h2>Example of Arrow 6</h2>
+ <h3>Example of Arrow 7</h3>
+ <h4>Example of Arrow 8</h4>
+ </div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>

0 comments on commit 15fa9e5

Please sign in to comment.