Download:
parent 2:146717977795
3:dc65da9d084c default tip
Anton Shestakov <engored@ya.ru>, Sun, 10 Nov 2013 01:50:16 +0900
Better name for a demo.

4 файлов изменено, 46 вставок(+), 46 удалений(-) [+]
demo.css file | annotate | diff | comparison | revisions
demo.html file | annotate | diff | comparison | revisions
flowsnake.css file | annotate | diff | comparison | revisions
index.html file | annotate | diff | comparison | revisions
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/demo.css Sun Nov 10 01:50:16 2013 +0900
@@ -0,0 +1,15 @@
+pre {
+ position: fixed;
+ font-size: 8pt;
+ bottom: 0;
+ padding-bottom: 2px;
+}
+
+div {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1;
+}
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/demo.html Sun Nov 10 01:50:16 2013 +0900
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Flowsnake</title>
+ <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/pure-nr-min.css">
+ <link rel="stylesheet" href="demo.css">
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
+ <script src="flowsnake.js"></script>
+ </head>
+ <body>
+ <pre></pre>
+ <div></div>
+
+ <script>
+ $(function() {
+ var flowsnake = new Flowsnake($('pre'), 160, 80, 3);
+ flowsnake.draw();
+
+ $('pre').css({'left': '50%', 'margin-left': - $('pre').width() / 2});
+
+ var interval = window.setInterval(function() {
+ if (!flowsnake.step(true)) {
+ window.clearInterval(interval);
+ }
+ }, 50);
+ });
+ </script>
+ </body>
+</html>
--- a/flowsnake.css Sat Nov 09 23:47:54 2013 +0900
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,15 +0,0 @@
-pre {
- position: fixed;
- font-size: 8pt;
- bottom: 0;
- padding-bottom: 2px;
-}
-
-div {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 1;
-}
--- a/index.html Sat Nov 09 23:47:54 2013 +0900
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,31 +0,0 @@
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Flowsnake</title>
- <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/pure-nr-min.css">
- <link rel="stylesheet" href="flowsnake.css">
- <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
- <script src="flowsnake.js"></script>
- </head>
- <body>
- <pre></pre>
- <div></div>
-
- <script>
- $(function() {
- var flowsnake = new Flowsnake($('pre'), 160, 80, 3);
- flowsnake.draw();
-
- $('pre').css({'left': '50%', 'margin-left': - $('pre').width() / 2});
-
- var interval = window.setInterval(function() {
- if (!flowsnake.step(true)) {
- window.clearInterval(interval);
- }
- }, 50);
- });
- </script>
- </body>
-</html>