1. Urushibara01

    Posted

    Urushibara01
Changes in title
+jQuery 仮想HTMLでanimate
Changes in tags
Changes in body
Source | HTML | Preview
@@ -0,0 +1,45 @@
+タイトルの通り、アホな事なことを思いついたので試してみた。
+
+```javascript:test2.htm
+<html>
+<head>
+<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
+<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
+<script>
+
+$(function(){
+ $("#start").on('click', function(){
+ var virtual = $("<div style='width:0px'/>");
+
+ virtual.animate({width: "100px"}, {
+ duration: 2000,
+ step: function(now, tween){
+ $('#step').text(now);
+ }
+ });
+ });
+});
+
+
+</script>
+
+<head>
+
+<body>
+
+<button id='start'>開始</button><br>
+step: <span id='step'>0</span><br>
+
+</body>
+</html>
+```
+
+普通に考えて動きそうにない。
+
+でも実際は・・・
+
+![test.gif](https://qiita-image-store.s3.amazonaws.com/0/102207/854211dc-2ab4-851c-3e7f-e9d1f9b6b716.gif)
+
+うおおおおおおwwwwww
+
+これは何か色々捗りそうな気がする!!!