BrU32

JQ Animation Newer Demo!!

Jun 26th, 2016
140
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.98 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  5. <script>
  6. $(document).mousemove(function(){
  7. $("p").filter(".first").css("background-color", "magenta");
  8. $("p").filter(".last").css("background-color", "darkorange").fadeToggle(Math.random()*2300);
  9. $("p").filter(".i").css("background-color", "green").fadeToggle(Math.random()*2300);
  10. $("p").filter(".o").css("background-color", "blue").fadeToggle(Math.random()*2300);
  11. $('p').css('color','white').fadeToggle(Math.random()*2300);
  12. });
  13. $(document).mouseover(function(){
  14. $('*').css('color','white');
  15. });
  16. $(document).mouseout(function(){
  17. $('*').css('color','darkred');
  18. });
  19. </script>
  20. </head>
  21. <body bgcolor="#000000">
  22. <center>
  23. <font color=red>
  24. <h1>Jquery Rand Toggle Fade Toggle:</h1><b>
  25. <p class="first">My name is DJ BrU.</p>
  26. <p class="i">I live in Trapville.</p>
  27. <p class="o">I love Trap Music!!</p>
  28. <p class="last">My best friend is Socks!!</p></b>
  29. </body>
  30. </html>
Advertisement
Add Comment
Please, Sign In to add comment