1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
<style> .text { display: none; position: fixed; top: 50%; left: 50%; margin-top: -75px; margin-left: -100px; font-size: 24px; background-color: #8BC53F; border-radius: 5px; padding: 10px; width: 160px; text-align: center; } </style> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> <script> $(document).ready(function(){ $(".edit-button").click(function() { $(".text").fadeIn(1000); $(".text").delay(1000); $(".text").fadeOut(2000); }); }); </script> <input type="button" class="edit-button" name="mybutton" value="mybutton"> <div class="text">Stuff Updated</div> |
