Advertisement
Guest User

Untitled

a guest
Mar 1st, 2015
235
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.21 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Vex</title>
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <link href='http://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'>
  7. <link href="http://thunderdome.club/css/style.css" rel="stylesheet" media="screen">
  8. <link rel="shortcut icon" href="http://s3.amazonaws.com/garysguide/685aa02a71514012ade2721b5b79a346original.jpg">
  9. </head>
  10. <body>
  11. <div id="wrapper">
  12. <div id="content">
  13. <div id="welcome" style="display:none;">Welcome...</div>
  14. <div id="thunderdome" style="display:none;">To VEX<br>
  15. <a href="http://vexguildcom.ipage.com/apply.html" class="myButton">Apply</a>
  16. <a href="" class="myButton">Forum</a>
  17.  
  18. </div>
  19. </div>
  20. </div>
  21.  
  22. <div id="chatWrapper">
  23. <div id="chat"></div>
  24. </div>
  25.  
  26. <div id="music">
  27. </div>
  28.  
  29.  
  30. <div id="imageWrapper">
  31. <img style="opacity:0;" id="image1" src="">
  32. <img style="opacity:0;" id="image3" src="">
  33. <img style="opacity:0;" id="image2" src="">
  34. <img style="opacity:0;" id="image4" src="">
  35. </div>
  36.  
  37.  
  38. <script src="http://code.jquery.com/jquery.js"></script>
  39. <script src="http://thunderdome.club/js/miniHues.js"></script>
  40.  
  41. <script type="text/javascript">
  42. var loaded = false;
  43. var animated = false;
  44.  
  45. $( document ).ready(function() {
  46. miniHues.init();
  47. //miniHues.setTextElement(document.getElementById("music"))
  48. miniHues.setColorElement(document.body);
  49. preload(images);
  50.  
  51. $( "#welcome" ).delay(500).fadeIn(2000, function(){
  52. animated = true;
  53. thunderdome();
  54. });
  55. });
  56. </script>
  57.  
  58. <script type="text/javascript">
  59. function thunderdome() {
  60. if(loaded && animated) {
  61. $( "#thunderdome" ).show();
  62. miniHues.toggle();
  63. }
  64. }
  65.  
  66. var i, up = 0, lastChat, lastImage, count = 50;
  67. var nextSkyshad = 75;
  68. var first = true;
  69. var active = true;
  70. var fadeTime = 20;
  71. var distance = '30px';
  72. var image1, image11, image2, image22;
  73.  
  74. var names = ["Sydêll","Projën","Nastyelement","Sevenzulu","Negativesevn","Riceeater","Bruenner","Pingpongball","Vengeful",
  75. "Ârröw","Dispersd","Canibles","Starsurgeinc","Darahion","Ziffyx","bobsblade",
  76. ];
  77. var images = ["/8.png", "img/1.png" , "img/2.png" , "img/3.png", "img/4.png", "img/5.png",
  78. "img/6.png", "img/7.png"];
  79.  
  80. function addChat() {
  81. if(first) {
  82. i = 0;
  83. first = false;
  84. } else {
  85. i = uniqueRandom(lastChat, names.length);
  86. }
  87.  
  88. lastChat = i;
  89.  
  90. if(count == nextSkyshad) {
  91. $( "#chat" ).append('[1] Pingpongball: <span style="color: #e89e79;">[Vax]</span><br>');
  92. count = 0;
  93. nextSkyshad = 100;
  94. } else {
  95. $( "#chat" ).append('[1] ' + names[i] + ': <span style="color: #a335ee;">[Vex]</span><br>');
  96. }
  97.  
  98. count++;
  99. }
  100.  
  101. function changeImage() {
  102. if(active) {
  103. i = uniqueRandom(lastImage, images.length);
  104. up = uniqueRandom(-1, 2);
  105. lastImage = i;
  106.  
  107. if( $('#image1').css("opacity") < 1 ) {
  108. image1 = $("#image1");
  109. image11 = $("#image3");
  110. image2 = $("#image2");
  111. image22 = $("#image4");
  112. } else {
  113. image1 = $("#image2");
  114. image11 = $("#image4");
  115. image2 = $("#image1");
  116. image22 = $("#image3");
  117. }
  118.  
  119. image2.attr("src",images[i]);
  120.  
  121. if(up < 1) {
  122. image2.css('right', distance);
  123. image2.css('bottom', '0px');
  124.  
  125. image1.animate({
  126. 'opacity' : 0,
  127. 'right' : '+=' + distance
  128. },fadeTime);
  129.  
  130. image2.animate({
  131. 'opacity' : 1,
  132. 'right' : '-=' + distance
  133. },fadeTime);
  134. } else {
  135. image2.css('right', '0px');
  136. image2.css('bottom', distance);
  137.  
  138. image1.animate({
  139. 'opacity' : 0,
  140. 'bottom' : '+=' + distance
  141. },fadeTime);
  142.  
  143. image2.animate({
  144. 'opacity' : 1,
  145. 'bottom' : '-=' + distance
  146. },fadeTime);
  147. }
  148. }
  149. }
  150.  
  151. function preload(arrayOfImages) {
  152. $(arrayOfImages).each(function(){
  153. (new Image()).src = this;
  154. });
  155. }
  156.  
  157. function uniqueRandom(last, max) {
  158. var i = Math.floor((Math.random() * max));
  159.  
  160. if(i == last)
  161. i = (i + 1) % last;
  162.  
  163. return i;
  164. }
  165. </script>
  166. </body>
  167. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement