-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathREADME.txt
50 lines (35 loc) · 1.45 KB
/
README.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
SlideNote: A jQuery plugin for flexible, customizable sliding notifications.
HOW TO USE
1. Include SlideNote in the header of your page. Make sure it is included after jQuery
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery.slidenote.js" type="text/javascript"></script>
2. Apply the plugin to a single or set of elements.
$('#myNote').slideNote(); // single element
$('.notes').slideNote(); // set of elements
3. Pass options to the slideNote() function to modify the behavior:
$('#myNote').slideNote({
where: 640,
corner: 'left',
url: 'ajax.html',
container: 'note',
closeImage: '/images/close.png'
});
OPTIONS
where
specified how far down the user must scroll before the notification
slides into view
corner
controls from which side of the screen the notification will slide in
URL
tells SlideNote from where to pull the data to use as the content of
the notification. if no container is specified, the entire page is used
container
to be used in conjunction with 'URL.' when specified, only pulls
the element having the specified ID from the specified URL.
closeImage
displays the image at the specified URL. When clicked, it will slide the
note out of view. The note will not display until the next time the user
scrolls passed the <strong>where</strong> value.
CONTACT ME
Website: http://tommcfarlin.com
Email: [email protected]