Advertisement
Guest User

A Mess

a guest
Apr 25th, 2016
335
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.44 KB | None | 0 0
  1. <a id="myButton" href="#">X</a>
  2. <style>.myButton {
  3. -moz-box-shadow:inset 0px -3px 7px 0px #ffffff;
  4. -webkit-box-shadow:inset 0px -3px 7px 0px #ffffff;
  5. box-shadow:inset 0px -3px 7px 0px #ffffff;
  6. background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
  7. background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  8. background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  9. background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  10. background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  11. background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
  12. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
  13. background-color:#ededed;
  14. -moz-border-radius:3px;
  15. -webkit-border-radius:3px;
  16. border-radius:3px;
  17. border:1px solid #dcdcdc;
  18. display:inline-block;
  19. cursor:pointer;
  20. color:#777777;
  21. font-family:Arial;
  22. font-size:15px;
  23. padding:10px 23px;
  24. text-decoration:none;
  25. text-shadow:0px 1px 0px #ffffff;
  26. }
  27. .myButton:hover {
  28. background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
  29. background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  30. background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  31. background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  32. background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  33. background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
  34. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
  35. background-color:#dfdfdf;
  36. }
  37. .myButton:active {
  38. position:relative;
  39. top:1px;
  40. }
  41. </style>
  42. <div id="myRandomDiv">
  43. </div></center>
  44.  
  45. <script type="text/javascript" charset="utf-8">
  46. var randomStrings = [
  47. "1",
  48. "2",
  49. "3",
  50. "4",
  51. "5",
  52. "6",
  53. ];
  54.  
  55.  
  56.  
  57. var randomDiv = document.getElementById("myRandomDiv");
  58.  
  59. document.getElementById("myButton").addEventListener("click", function() {
  60. randomIndex = Math.ceil((Math.random()*randomStrings.length-1));
  61. randomIndex2 = Math.ceil((Math.random()*randomStrings.length-1));
  62. while( randomIndex == randomIndex2 )
  63. {
  64. randomIndex2 = Math.ceil((Math.random()*randomStrings.length-1));
  65. };
  66. newText = randomStrings[randomIndex]+" + ";
  67. newText2 = randomStrings[randomIndex2];
  68. randomDiv.innerHTML = newText+newText2;
  69. });
  70. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement