Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
 
 
 

54 строки
1.2 KiB

  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Item Methods</title>
  6. <link rel="stylesheet" href="examples.css" />
  7. </head>
  8. <body>
  9. <h1>Item Methods</h1>
  10. <p>
  11. <button id="reveal">reveal</button>
  12. <button id="hide">hide</button>
  13. <button id="move">move</button>
  14. </p>
  15. <div class="container">
  16. <div class="item"></div>
  17. </div>
  18. <script src="../bower_components/get-size/get-size.js"></script>
  19. <script src="../bower_components/matches-selector/matches-selector.js"></script>
  20. <script src="../bower_components/ev-emitter/ev-emitter.js"></script>
  21. <script src="../bower_components/fizzy-ui-utils/utils.js"></script>
  22. <script src="../item.js"></script>
  23. <script src="../outlayer.js"></script>
  24. <script>
  25. var basic = document.querySelector('.container');
  26. var layout = new Outlayer( basic );
  27. var item = layout.items[0];
  28. document.querySelector('#reveal').onclick = function() {
  29. item.reveal();
  30. };
  31. document.querySelector('#hide').onclick = function() {
  32. item.hide();
  33. };
  34. document.querySelector('#move').onclick = function() {
  35. var x = Math.random() * 400;
  36. var y = Math.random() * 200;
  37. item.moveTo( x, y )
  38. };
  39. </script>
  40. </body>
  41. </html>