| width | width of the sticky | default: 150px |
| height | height of the sticky | default: 100px |
| draggable | make sticky draggable | default: true |
| resizeable | make sticky resizable | default: false |
| backgroundColor | background color of the sticky | default: #fefe81 |
| onclose | callback when closed. return false if you dont want the sticky to be closed | default: null |
| ondragstop | callback when sticky has stopped being dragged | default: null |
| onresize | callback when sticky changes size | default: null |
| fade | makes sticky see through | default: true |
| fade_delay | time in ms for the sticky to fade to fade_opacity | default: 1 |
| fade_opacity | the final opacity of the sticky | default: 0.95 |
Demos
| Try Me » | jQuery.sticky.add({html:'Hello World'}); |
| Try Me » | jQuery.sticky.add({onclose:function(){alert('Hello World!';)},html:'close this sticky'}) |
| Try Me » | jQuery.sticky.add({onclose:function(){return false;)},html:'cant close me'}) |
| Try Me » | Im a plain div with id="div1" jQuery("#div").sticky() |
| Try Me » | jQuery.sticky.add({html:'hard on the eyes',backgroundColor:'red',fade_delay:3000,fade_opacity:0.3}) |