forked from 9bitStudios/simplepopup
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
57 lines (40 loc) · 2.97 KB
/
index.html
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
51
52
53
54
55
56
57
<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Simple Popup - A resposive popup jQuery Plugin</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
</head>
<body>
<h1>Simple Popup</h1>
<p>An extremely lightweight vanilla popup for showcasing featured content...</p>
<p>Click the link below to show to show</p>
<a href="#" class="show1">Show</a>
<a href="#" class="show2">Show Other</a>
<div id="pop1" class="simplePopup">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ut arcu non enim vehicula tempus quis aliquam eros. Nam egestas enim ut risus feugiat eget bibendum sem elementum. In eget leo eu ante porttitor facilisis. Praesent in placerat urna. Curabitur eu velit velit. Phasellus placerat mi vitae leo fringilla sed convallis dui varius. Maecenas ornare dui mattis lorem vestibulum interdum. Pellentesque malesuada faucibus purus in vestibulum. Phasellus tempus, augue nec luctus euismod, turpis dolor viverra mauris, ut dignissim sem nulla ac ligula. Sed risus dolor, consequat et euismod non, interdum quis ante. Suspendisse eget purus vitae sapien pharetra luctus vitae quis sapien. Etiam quis sagittis lacus. Nunc aliquam pretium erat, in rhoncus elit ultrices ut. Vestibulum in lorem velit. Duis vitae est ut augue aliquam dapibus. Curabitur sem nulla, placerat quis egestas vitae, scelerisque et ligula.</p>
<p>Donec pellentesque arcu convallis sapien bibendum vitae egestas ante tincidunt. Nunc libero ligula, tempor vitae euismod a, consectetur a nulla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida mollis mollis. Suspendisse gravida pretium arcu at volutpat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse rutrum egestas ipsum, vitae cursus sapien egestas quis. Phasellus vitae nisl at nibh rutrum varius. Vestibulum elementum congue mi sit amet bibendum. Etiam semper scelerisque libero, eu aliquam arcu lacinia id.</p>
</div>
<div id="pop2" class="simplePopup">
<p>Nunc libero ligula, tempor vitae arcu convallis sapien...</p>
</div>
<script src="js/jquery.simplePopup.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.show1').click(function(){
$('#pop1').simplePopup();
});
$('.show2').click(function(){
$('#pop2').simplePopup();
});
});
</script>
</body>
</html>