Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <a id="myButton" href="#">X</a>
- <style>.myButton {
- -moz-box-shadow:inset 0px -3px 7px 0px #ffffff;
- -webkit-box-shadow:inset 0px -3px 7px 0px #ffffff;
- box-shadow:inset 0px -3px 7px 0px #ffffff;
- background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
- background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
- background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
- background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
- background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
- background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
- background-color:#ededed;
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- border-radius:3px;
- border:1px solid #dcdcdc;
- display:inline-block;
- cursor:pointer;
- color:#777777;
- font-family:Arial;
- font-size:15px;
- padding:10px 23px;
- text-decoration:none;
- text-shadow:0px 1px 0px #ffffff;
- }
- .myButton:hover {
- background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
- background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
- background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
- background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
- background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
- background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
- background-color:#dfdfdf;
- }
- .myButton:active {
- position:relative;
- top:1px;
- }
- </style>
- <div id="myRandomDiv">
- </div></center>
- <script type="text/javascript" charset="utf-8">
- var randomStrings = [
- "1",
- "2",
- "3",
- "4",
- "5",
- "6",
- ];
- var randomDiv = document.getElementById("myRandomDiv");
- document.getElementById("myButton").addEventListener("click", function() {
- randomIndex = Math.ceil((Math.random()*randomStrings.length-1));
- randomIndex2 = Math.ceil((Math.random()*randomStrings.length-1));
- while( randomIndex == randomIndex2 )
- {
- randomIndex2 = Math.ceil((Math.random()*randomStrings.length-1));
- };
- newText = randomStrings[randomIndex]+" + ";
- newText2 = randomStrings[randomIndex2];
- randomDiv.innerHTML = newText+newText2;
- });
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement