Letlabo Nature Reserve

animate.js 9.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489
  1. jQuery(document).ready(function($) {
  2. //animate effect
  3. $(".e_flash").hover(
  4. function () {
  5. $(this).addClass("animated flash");
  6. },
  7. function () {
  8. $(this).removeClass("animated flash");
  9. }
  10. );
  11. $(".e_bounce").hover(
  12. function () {
  13. $(this).addClass("animated bounce");
  14. },
  15. function () {
  16. $(this).removeClass("animated bounce");
  17. }
  18. );
  19. $(".e_shake").hover(
  20. function () {
  21. $(this).addClass("animated shake");
  22. },
  23. function () {
  24. $(this).removeClass("animated shake");
  25. }
  26. );
  27. $(".e_tada").hover(
  28. function () {
  29. $(this).addClass("animated tada");
  30. },
  31. function () {
  32. $(this).removeClass("animated tada");
  33. }
  34. );
  35. $(".e_swing").hover(
  36. function () {
  37. $(this).addClass("animated swing");
  38. },
  39. function () {
  40. $(this).removeClass("animated swing");
  41. }
  42. );
  43. $(".e_wobble").hover(
  44. function () {
  45. $(this).addClass("animated wobble");
  46. },
  47. function () {
  48. $(this).removeClass("animated wobble");
  49. }
  50. );
  51. $(".e_wiggle").hover(
  52. function () {
  53. $(this).addClass("animated wiggle");
  54. },
  55. function () {
  56. $(this).removeClass("animated wiggle");
  57. }
  58. );
  59. $(".e_pulse").hover(
  60. function () {
  61. $(this).addClass("animated pulse");
  62. },
  63. function () {
  64. $(this).removeClass("animated pulse");
  65. }
  66. );
  67. $(".e_flip").hover(
  68. function () {
  69. $(this).addClass("animated flip");
  70. },
  71. function () {
  72. $(this).removeClass("animated flip");
  73. }
  74. );
  75. $(".e_flipInX").hover(
  76. function () {
  77. $(this).addClass("animated flipInX");
  78. },
  79. function () {
  80. $(this).removeClass("animated flipInX");
  81. }
  82. );
  83. $(".e_flipOutX").hover(
  84. function () {
  85. $(this).addClass("animated flipOutX");
  86. },
  87. function () {
  88. $(this).removeClass("animated flipOutX");
  89. }
  90. );
  91. $(".e_flipInY").hover(
  92. function () {
  93. $(this).addClass("animated flipInY");
  94. },
  95. function () {
  96. $(this).removeClass("animated flipInY");
  97. }
  98. );
  99. $(".e_flipOutY").hover(
  100. function () {
  101. $(this).addClass("animated flipOutY");
  102. },
  103. function () {
  104. $(this).removeClass("animated flipOutY");
  105. }
  106. );
  107. //Fading entrances
  108. $(".e_fadeIn").hover(
  109. function () {
  110. $(this).addClass("animated fadeIn");
  111. },
  112. function () {
  113. $(this).removeClass("animated fadeIn");
  114. }
  115. );
  116. $(".e_fadeInUp").hover(
  117. function () {
  118. $(this).addClass("animated fadeInUp");
  119. },
  120. function () {
  121. $(this).removeClass("animated fadeInUp");
  122. }
  123. );
  124. $(".e_fadeInDown").hover(
  125. function () {
  126. $(this).addClass("animated fadeInDown");
  127. },
  128. function () {
  129. $(this).removeClass("animated fadeInDown");
  130. }
  131. );
  132. $(".e_fadeInLeft").hover(
  133. function () {
  134. $(this).addClass("animated fadeInLeft");
  135. },
  136. function () {
  137. $(this).removeClass("animated fadeInLeft");
  138. }
  139. );
  140. $(".e_fadeInRight").hover(
  141. function () {
  142. $(this).addClass("animated fadeInRight");
  143. },
  144. function () {
  145. $(this).removeClass("animated fadeInRight");
  146. }
  147. );
  148. $(".e_fadeInUpBig").hover(
  149. function () {
  150. $(this).addClass("animated fadeInUpBig");
  151. },
  152. function () {
  153. $(this).removeClass("animated fadeInUpBig");
  154. }
  155. );
  156. $(".e_fadeInUpBig").hover(
  157. function () {
  158. $(this).addClass("animated fadeInUpBig");
  159. },
  160. function () {
  161. $(this).removeClass("animated fadeInUpBig");
  162. }
  163. );
  164. $(".e_fadeInDownBig").hover(
  165. function () {
  166. $(this).addClass("animated fadeInDownBig");
  167. },
  168. function () {
  169. $(this).removeClass("animated fadeInDownBig");
  170. }
  171. );
  172. $(".e_fadeInLeftBig").hover(
  173. function () {
  174. $(this).addClass("animated fadeInLeftBig");
  175. },
  176. function () {
  177. $(this).removeClass("animated fadeInLeftBig");
  178. }
  179. );
  180. $(".e_fadeInRightBig").hover(
  181. function () {
  182. $(this).addClass("animated fadeInRightBig");
  183. },
  184. function () {
  185. $(this).removeClass("animated fadeInRightBig");
  186. }
  187. );
  188. //Fading exits
  189. $(".e_fadeOut").hover(
  190. function () {
  191. $(this).addClass("animated fadeOut");
  192. },
  193. function () {
  194. $(this).removeClass("animated fadeOut");
  195. }
  196. );
  197. $(".e_fadeOutUp").hover(
  198. function () {
  199. $(this).addClass("animated fadeOutUp");
  200. },
  201. function () {
  202. $(this).removeClass("animated fadeOutUp");
  203. }
  204. );
  205. $(".e_fadeOutDown").hover(
  206. function () {
  207. $(this).addClass("animated fadeOutDown");
  208. },
  209. function () {
  210. $(this).removeClass("animated fadeOutDown");
  211. }
  212. );
  213. $(".e_fadeOutLeft").hover(
  214. function () {
  215. $(this).addClass("animated fadeOutLeft");
  216. },
  217. function () {
  218. $(this).removeClass("animated fadeOutLeft");
  219. }
  220. );
  221. $(".e_fadeOutRight").hover(
  222. function () {
  223. $(this).addClass("animated fadeOutRight");
  224. },
  225. function () {
  226. $(this).removeClass("animated fadeOutRight");
  227. }
  228. );
  229. $(".e_fadeOutUpBig").hover(
  230. function () {
  231. $(this).addClass("animated fadeOutUpBig");
  232. },
  233. function () {
  234. $(this).removeClass("animated fadeOutUpBig");
  235. }
  236. );
  237. $(".e_fadeOutDownBig").hover(
  238. function () {
  239. $(this).addClass("animated fadeOutDownBig");
  240. },
  241. function () {
  242. $(this).removeClass("animated fadeOutDownBig");
  243. }
  244. );
  245. $(".e_fadeOutLeftBig").hover(
  246. function () {
  247. $(this).addClass("animated fadeOutLeftBig");
  248. },
  249. function () {
  250. $(this).removeClass("animated fadeOutLeftBig");
  251. }
  252. );
  253. $(".e_fadeOutRightBig").hover(
  254. function () {
  255. $(this).addClass("animated fadeOutRightBig");
  256. },
  257. function () {
  258. $(this).removeClass("animated fadeOutRightBig");
  259. }
  260. );
  261. //Bouncing entrances
  262. $(".e_bounceIn").hover(
  263. function () {
  264. $(this).addClass("animated bounceIn");
  265. },
  266. function () {
  267. $(this).removeClass("animated bounceIn");
  268. }
  269. );
  270. $(".e_bounceInDown").hover(
  271. function () {
  272. $(this).addClass("animated bounceInDown");
  273. },
  274. function () {
  275. $(this).removeClass("animated bounceInDown");
  276. }
  277. );
  278. $(".e_bounceInUp").hover(
  279. function () {
  280. $(this).addClass("animated bounceInUp");
  281. },
  282. function () {
  283. $(this).removeClass("animated bounceInUp");
  284. }
  285. );
  286. $(".e_bounceInLeft").hover(
  287. function () {
  288. $(this).addClass("animated bounceInLeft");
  289. },
  290. function () {
  291. $(this).removeClass("animated bounceInLeft");
  292. }
  293. );
  294. $(".e_bounceInRight").hover(
  295. function () {
  296. $(this).addClass("animated bounceInRight");
  297. },
  298. function () {
  299. $(this).removeClass("animated bounceInRight");
  300. }
  301. );
  302. //Bouncing exits
  303. $(".e_bounceOut").hover(
  304. function () {
  305. $(this).addClass("animated bounceOut");
  306. },
  307. function () {
  308. $(this).removeClass("animated bounceOut");
  309. }
  310. );
  311. $(".e_bounceOutDown").hover(
  312. function () {
  313. $(this).addClass("animated bounceOutDown");
  314. },
  315. function () {
  316. $(this).removeClass("animated bounceOutDown");
  317. }
  318. );
  319. $(".e_bounceOutUp").hover(
  320. function () {
  321. $(this).addClass("animated bounceOutUp");
  322. },
  323. function () {
  324. $(this).removeClass("animated bounceOutUp");
  325. }
  326. );
  327. $(".e_bounceOutLeft").hover(
  328. function () {
  329. $(this).addClass("animated bounceOutLeft");
  330. },
  331. function () {
  332. $(this).removeClass("animated bounceOutLeft");
  333. }
  334. );
  335. $(".e_bounceOutRight").hover(
  336. function () {
  337. $(this).addClass("animated bounceOutRight");
  338. },
  339. function () {
  340. $(this).removeClass("animated bounceOutRight");
  341. }
  342. );
  343. //Rotating entrances
  344. $(".e_rotateIn").hover(
  345. function () {
  346. $(this).addClass("animated rotateIn");
  347. },
  348. function () {
  349. $(this).removeClass("animated rotateIn");
  350. }
  351. );
  352. $(".e_rotateInDownLeft").hover(
  353. function () {
  354. $(this).addClass("animated rotateInDownLeft");
  355. },
  356. function () {
  357. $(this).removeClass("animated rotateInDownLeft");
  358. }
  359. );
  360. $(".e_rotateInDownRight").hover(
  361. function () {
  362. $(this).addClass("animated rotateInDownRight");
  363. },
  364. function () {
  365. $(this).removeClass("animated rotateInDownRight");
  366. }
  367. );
  368. $(".e_rotateInUpRight").hover(
  369. function () {
  370. $(this).addClass("animated rotateInUpRight");
  371. },
  372. function () {
  373. $(this).removeClass("animated rotateInUpRight");
  374. }
  375. );
  376. $(".e_rotateInUpLeft").hover(
  377. function () {
  378. $(this).addClass("animated rotateInUpLeft");
  379. },
  380. function () {
  381. $(this).removeClass("animated rotateInUpLeft");
  382. }
  383. );
  384. //Rotating exits
  385. $(".e_rotateOut").hover(
  386. function () {
  387. $(this).addClass("animated rotateOut");
  388. },
  389. function () {
  390. $(this).removeClass("animated rotateOut");
  391. }
  392. );
  393. $(".e_rotateOutDownLeft").hover(
  394. function () {
  395. $(this).addClass("animated rotateOutDownLeft");
  396. },
  397. function () {
  398. $(this).removeClass("animated rotateOutDownLeft");
  399. }
  400. );
  401. $(".e_rotateOutDownRight").hover(
  402. function () {
  403. $(this).addClass("animated rotateOutDownRight");
  404. },
  405. function () {
  406. $(this).removeClass("animated rotateOutDownRight");
  407. }
  408. );
  409. $(".e_rotateOutUpLeft").hover(
  410. function () {
  411. $(this).addClass("animated rotateOutUpLeft");
  412. },
  413. function () {
  414. $(this).removeClass("animated rotateOutUpLeft");
  415. }
  416. );
  417. $(".e_rotateOutUpRight").hover(
  418. function () {
  419. $(this).addClass("animated rotateOutUpRight");
  420. },
  421. function () {
  422. $(this).removeClass("animated rotateOutUpRight");
  423. }
  424. );
  425. //Lightspeed
  426. $(".e_lightSpeedIn").hover(
  427. function () {
  428. $(this).addClass("animated lightSpeedIn");
  429. },
  430. function () {
  431. $(this).removeClass("animated lightSpeedIn");
  432. }
  433. );
  434. $(".e_lightSpeedOut").hover(
  435. function () {
  436. $(this).addClass("animated lightSpeedOut");
  437. },
  438. function () {
  439. $(this).removeClass("animated lightSpeedOut");
  440. }
  441. );
  442. //specials
  443. $(".e_hinge").hover(
  444. function () {
  445. $(this).addClass("animated hinge");
  446. },
  447. function () {
  448. $(this).removeClass("animated hinge");
  449. }
  450. );
  451. $(".e_rollIn").hover(
  452. function () {
  453. $(this).addClass("animated rollIn");
  454. },
  455. function () {
  456. $(this).removeClass("animated rollIn");
  457. }
  458. );
  459. $(".e_rollOut").hover(
  460. function () {
  461. $(this).addClass("animated rollOut");
  462. },
  463. function () {
  464. $(this).removeClass("animated rollOut");
  465. }
  466. );
  467. });