/jquery/tests/visual/effects.all.html

https://github.com/petehamilton/Visualizing-Marathon-2011 · HTML · 180 lines · 152 code · 28 blank · 0 comment · 0 complexity · 310ad1d864ac6d0a1e4dda8dc5410e59 MD5 · raw file 

    

  1. <!DOCTYPE html>

    2. 

  2. <html lang="en">

    3. 

  3. <head>

    4. 

  4. 	<meta charset="UTF-8" />

    5. 

  5. 	<title>jQuery UI Effects Test Suite</title>

    6. 

  6. 	<link rel="stylesheet" href="effects.all.css" type="text/css" />

    7. 

  7. 	<script type="text/javascript" src="../../jquery-1.5.1.js"></script>

    8. 

  8. 	<script type="text/javascript" src="../../ui/jquery.effects.core.js"></script>

    9. 

  9. 	<script type="text/javascript" src="../../ui/jquery.effects.blind.js"></script>

    10. 

  10. 	<script type="text/javascript" src="../../ui/jquery.effects.bounce.js"></script>

    11. 

  11. 	<script type="text/javascript" src="../../ui/jquery.effects.clip.js"></script>

    12. 

  12. 	<script type="text/javascript" src="../../ui/jquery.effects.drop.js"></script>

    13. 

  13. 	<script type="text/javascript" src="../../ui/jquery.effects.explode.js"></script>

    14. 

  14. 	<script type="text/javascript" src="../../ui/jquery.effects.fold.js"></script>

    15. 

  15. 	<script type="text/javascript" src="../../ui/jquery.effects.highlight.js"></script>

    16. 

  16. 	<script type="text/javascript" src="../../ui/jquery.effects.pulsate.js"></script>

    17. 

  17. 	<script type="text/javascript" src="../../ui/jquery.effects.scale.js"></script>

    18. 

  18. 	<script type="text/javascript" src="../../ui/jquery.effects.shake.js"></script>

    19. 

  19. 	<script type="text/javascript" src="../../ui/jquery.effects.slide.js"></script>

    20. 

  20. 	<script type="text/javascript" src="../../ui/jquery.effects.transfer.js"></script>

    21. 

  21. 	<script type="text/javascript" src="effects.all.js"></script>

    22. 

  22. </head>

    23. 

  23. <body>

    24. 

  24. 

    25. 

  25. <ul class="effects">

    26. 

  26. 

    27. 

  27. 	<li>

    28. 

  28. 		<div class="effect" id="blindHorizontally">

    29. 

  29. 			<p>Blind horizontally</p>

    30. 

  30. 		</div>

    31. 

  31. 	</li>

    32. 

  32. 

    33. 

  33. 	<li>

    34. 

  34. 		<div class="effect" id="blindVertically">

    35. 

  35. 			<p>Blind vertically</p>

    36. 

  36. 		</div>

    37. 

  37. 	</li>

    38. 

  38. 

    39. 

  39. 	<li>

    40. 

  40. 		<div class="effect" id="bounce3times">

    41. 

  41. 		<p>Bounce 3 times</p>

    42. 

  42. 		</div>

    43. 

  43. 	</li>

    44. 

  44. 

    45. 

  45. 	<li>

    46. 

  46. 		<div class="effect" id="clipHorizontally">

    47. 

  47. 		<p>Clip horizontally</p>

    48. 

  48. 		</div>

    49. 

  49. 	</li>

    50. 

  50. 

    51. 

  51. 	<li>

    52. 

  52. 		<div class="effect" id="clipVertically">

    53. 

  53. 		<p>Clip vertically</p>

    54. 

  54. 		</div>

    55. 

  55. 	</li>

    56. 

  56. 

    57. 

  57. 	<li>

    58. 

  58. 		<div class="effect" id="dropDown">

    59. 

  59. 		<p>Drop down</p>

    60. 

  60. 		</div>

    61. 

  61. 	</li>

    62. 

  62. 

    63. 

  63. 	<li>

    64. 

  64. 		<div class="effect" id="dropUp">

    65. 

  65. 		<p>Drop up</p>

    66. 

  66. 		</div>

    67. 

  67. 	</li>

    68. 

  68. 

    69. 

  69. 	<li>

    70. 

  70. 		<div class="effect" id="dropLeft">

    71. 

  71. 		<p>Drop left</p>

    72. 

  72. 		</div>

    73. 

  73. 	</li>

    74. 

  74. 

    75. 

  75. 	<li>

    76. 

  76. 		<div class="effect" id="dropRight">

    77. 

  77. 		<p>Drop right</p>

    78. 

  78. 		</div>

    79. 

  79. 	</li>

    80. 

  80. 

    81. 

  81. 	<li>

    82. 

  82. 		<div class="effect" id="explode9">

    83. 

  83. 		<p>Explode in 9 pieces</p>

    84. 

  84. 		</div>

    85. 

  85. 	</li>

    86. 

  86. 

    87. 

  87. 	<li>

    88. 

  88. 		<div class="effect" id="explode36">

    89. 

  89. 		<p>Explode in 36 pieces</p>

    90. 

  90. 		</div>

    91. 

  91. 	</li>

    92. 

  92. 

    93. 

  93. 	<li>

    94. 

  94. 		<div class="effect" id="fold">

    95. 

  95. 		<p>Fold</p>

    96. 

  96. 		</div>

    97. 

  97. 	</li>

    98. 

  98. 

    99. 

  99. 	<li>

    100. 

  100. 		<div class="effect" id="highlight">

    101. 

  101. 		<p>Highlight</p>

    102. 

  102. 		</div>

    103. 

  103. 	</li>

    104. 

  104. 

    105. 

  105. 	<li>

    106. 

  106. 		<div class="effect" id="pulsate">

    107. 

  107. 		<p>Pulsate 2 times</p>

    108. 

  108. 		</div>

    109. 

  109. 	</li>

    110. 

  110. 

    111. 

  111. 	<li>

    112. 

  112. 		<div class="effect" id="puff">

    113. 

  113. 		<p>Puff</p>

    114. 

  114. 		</div>

    115. 

  115. 	</li>

    116. 

  116. 

    117. 

  117. 	<li>

    118. 

  118. 		<div class="effect" id="scale">

    119. 

  119. 		<p>Scale</p>

    120. 

  120. 		</div>

    121. 

  121. 	</li>

    122. 

  122. 

    123. 

  123. 	<li>

    124. 

  124. 		<div class="effect" id="shake">

    125. 

  125. 		<p>Shake</p>

    126. 

  126. 		</div>

    127. 

  127. 	</li>

    128. 

  128. 

    129. 

  129. 	<li>

    130. 

  130. 		<div class="effect" id="slideDown">

    131. 

  131. 		<p>Slide down</p>

    132. 

  132. 		</div>

    133. 

  133. 	</li>

    134. 

  134. 

    135. 

  135. 	<li>

    136. 

  136. 		<div class="effect" id="slideUp">

    137. 

  137. 		<p>Slide up</p>

    138. 

  138. 		</div>

    139. 

  139. 	</li>

    140. 

  140. 

    141. 

  141. 	<li>

    142. 

  142. 		<div class="effect" id="slideLeft">

    143. 

  143. 		<p>Slide left</p>

    144. 

  144. 		</div>

    145. 

  145. 	</li>

    146. 

  146. 

    147. 

  147. 	<li>

    148. 

  148. 		<div class="effect" id="slideRight">

    149. 

  149. 		<p>Slide right</p>

    150. 

  150. 		</div>

    151. 

  151. 	</li>

    152. 

  152. 

    153. 

  153. 	<li>

    154. 

  154. 		<div class="effect" id="transfer">

    155. 

  155. 		<p>Transfer to first element</p>

    156. 

  156. 		</div>

    157. 

  157. 	</li>

    158. 

  158. 	

    159. 

  159. 	<li>

    160. 

  160. 		<div class="effect" id="addClass">

    161. 

  161. 		<p>addClass</p>

    162. 

  162. 		</div>

    163. 

  163. 	</li>

    164. 

  164. 	

    165. 

  165. 	<li>

    166. 

  166. 		<div class="effect" id="removeClass">

    167. 

  167. 		<p>removeClass</p>

    168. 

  168. 		</div>

    169. 

  169. 	</li>

    170. 

  170. 	

    171. 

  171. 	<li>

    172. 

  172. 		<div class="effect" id="toggleClass">

    173. 

  173. 		<p>toggleClass</p>

    174. 

  174. 		</div>

    175. 

  175. 	</li>

    176. 

  176. 

    177. 

  177. </ul>

    178. 

  178. 

    179. 

  179. </body>

    180. 

  180. </html>
    181.