This repository has been archived by the owner on Apr 14, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 30
/
jquery-sample.html
50 lines (37 loc) · 1.6 KB
/
jquery-sample.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
<html>
<head>
<title>Bacon Ipsum jQuery Plugin Sample</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.baconipsum.com/api/jquery-BaconIpsum.js"></script>
</head>
<body>
<img src="https://baconipsum.com/wp-content/uploads/2011/06/bacon-ipsum-banner1.jpg" alt="Bacon Ipsum" />
<br/>
<h1>jQuery Plugin Samples</h1>
<div style="font-size: 0.8em;">View source, you know you want to :) </div>
<h2>Default options</h2>
<h4>$('#default').BaconIpsum(); Three paragrahps of meat and filler starting with Bacon ipsum dolor sit amet</h4>
<div id="default"></div>
<br/>
<h2>Custom options</h2>
<h4>$('#custom').BaconIpsum({ type:'all-meat', paras:5, start_with_lorem:false }); Five paragrahps of just meat</h4>
<div id="custom"></div>
<br/>
<h2>One sentence</h2>
<h4>$('#one-sentence').BaconIpsum({ type:'meat-and-filler', start_with_lorem:true, sentences:1 });</h4>
<div id="one-sentence"></div>
<h2>No tags</h2>
<h4>$('#one-sentence').BaconIpsum({ type:'meat-and-filler', start_with_lorem:true, paras:1, no_tags: true });</h4>
<div id="no-tags"></div>
<br/>
<script type="text/javascript">
$(document).ready(function()
{
$('#default').BaconIpsum();
$('#custom').BaconIpsum({ type:'all-meat', paras:5, start_with_lorem:false });
$('#one-sentence').BaconIpsum({ type:'meat-and-filler', start_with_lorem:true, sentences:1 });
$('#no-tags').BaconIpsum({ type:'meat-and-filler', start_with_lorem:true, paras:1, no_tags: true });
});
</script>
</body>
</html>