-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstarterkit.html
executable file
·148 lines (143 loc) · 5.92 KB
/
starterkit.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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<title>
JS and JQuery
</title>
<script type="text/javascript" src="jquery-1.4.3.min.js"></script>
<script src="custom.js" type="text/javascript"></script>
<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" href="Coquette/stylesheet.css" type="text/css" charset="utf-8" />
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
$("a[rel=example_group]").fancybox({
'opacity' : true,
'overlayShow' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'none',
'titlePosition' : 'over',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">' + (currentIndex + 1) + ' of ' + currentArray.length + (title.length ? ' ' + title : '') + '<\/span>';
}
});
//Examples - various
$("#various1").fancybox({
'titlePosition' : 'inside',
'transitionIn' : 'none',
'transitionOut' : 'none'
});
$("#various2").fancybox();
$("#various3").fancybox({
'width' : '75%',
'height' : '75%',
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe'
});
$("#various4").fancybox({
'padding' : 0,
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none'
});
});
</script>
</head>
<body>
<div id="content">
<h1>
Jolly Sonali's jQuery
</h1>
<p>
<a id="first" href="#" name="first">my link popup</a>
</p>
<div class="stuff">
<a name="top" href="#bottom" id="top">Go to bottom</a>
</br>
<div class="buttons">
<button>First button</button> <button>Second button</button>
</div>
</br>
<div class="stuff">
<ol id="orderedlist">
<li>Frist Element
</li>
<li>Second Element
</li>
<li>Third Element
</li>
<li>Li with child ul
<ul>
<li>Child One</li>
<li>Child Two</li>
</ul>
</li>
</ol>
</div>
<h1>Container</h1>
<div id="rating">
<p>
<a id="reset" href="#" name="reset">Reset!</a>
</p>
<form id="form">
Form 1<input value="XXX" /><input />
</form>
<form>
Form 2 <input value="YYY" /> <input />
</form>
<form>
Form 3 <input type="checkbox" /> <input type="checkbox" checked="checked" />
</form>
</div>
<dl id="faq">
<dt>
What shouldn't I do to the bird?
</dt>
<dd>
Never use oils or lotions which contain oils on your bird. They gunk up the feathers, and ruin their insulating properties. This means a chilled bird. Never wait out a cat bite--those
</dd>
<dt>
My bird is healthy. I don't need to go to a vet, do I?
</dt>
<dd>
Schedule a "well-bird" checkup. Prevention is the best medicine. Even though the bird might appear outwardly healthy, it may have a low-grade infection or something not so readily apparent. Your bird's health and your peace of mind will be worth it.
</dd>
<dt>
My bird's leg is being rubbed raw by the leg band. Can I take it off?
</dt>
<dd>
No. Don't attempt this, especially if the leg is broken or swollen. The vet will be able to remove the band, and deal with whatever injury maybe lurking under the banded area.
</dd>
<dt>
How do I pull a broken blood feather?
</dt>
<dd>
This is probably the most common mishap. The remedy is simple--yank! It's most easily done with two people. One to restrain the bird and the other to pull the feather. Use pliers, or a hemostat. Tweezers won't work on primaries. Make certain that the wing bones are firmly
</dd>
</dl>
<p>
This is probably the most common mishap. The remedy is simple--yank! It's most easily done with two people. One to restrain the bird and the <a href="#">This is a link. Hover me to highlight the parent paragraph.</a> other to pull the feather. Use pliers, or a hemostat. Tweezers won't work on primaries.
</p>
<p>
This is probably the most common mishap. The remedy is simple--yank! It's most easily done with two people. One to restrain the bird and the <a href="#">This is a link. Hover me to highlight the parent paragraph.</a> other to pull the feather. Use pliers, or a hemostat. Tweezers won't work on primaries. Make certain that the wing bones are firmly supported or you can break the wing. Clamp onto the feather and give a sharp tug in the direction of the feather.
</p>
</div>
<h1>
Fancybox <span>v1.3.4</span>
</h1>
<hr />
<p>
Image gallery<br />
<a rel="example_group" href="./example/9_b.jpg" title="Lorem ipsum dolor sit amet"><img alt="" src="./example/9_s.jpg" /></a> <a rel="example_group" href="./example/10_b.jpg" title="Lorem ipsum dolor sit amet"><img alt="" src="./example/10_s.jpg" /></a> <a rel="example_group" href="./example/11_b.jpg" title="Lorem ipsum dolor sit amet"><img alt="" src="./example/11_s.jpg" /></a> <a rel="example_group" href="./example/12_b.jpg" title="Lorem ipsum dolor sit amet"><img class="last" alt="" src="./example/12_s.jpg" /></a>
</p>
</div>
</body>
</html>