html 代码 <!DOCTYPE <span class='wp_keywordlink_affiliate'><a href="https://www.rokub.com/category/html" title="html" target="_blank" data-wpel-link="internal" rel="noopener noreferrer">html</a></span>><br /> <<span class='wp_keywordlink_affiliate'><a href="https://www.rokub.com/category/html" title="html" target="_blank" data-wpel-link="internal" rel="noopener noreferrer">html</a></span>><br /> <head><br /> <meta charset="UTF-8"><br /> <title></title><br /> <script src="http://cdn.bootcss.com/<span class='wp_keywordlink_affiliate'><a href="https://www.rokub.com/category/jquery" title="jquery" target="_blank" data-wpel-link="internal" rel="noopener noreferrer">jquery</a></span>/3.1.1/<span class='wp_keywordlink_affiliate'><a href="https://www.rokub.com/category/jquery" title="jquery" target="_blank" data-wpel-link="internal" rel="noopener noreferrer">jquery</a></span>.<span class='wp_keywordlink_affiliate'><a href="https://www.rokub.com/category/javascript" title="js" target="_blank" data-wpel-link="internal" rel="noopener noreferrer">js</a></span>"></script><br /> </head><br /> <body><br /> <input type="button" name="b1" id="b1" value="停止" /><br /> <script><br /> var time;<br /> move();<br /> var i=0;<br /> creatMove();<br /> $("input").click(function(){<br /> $("div").stop();<br /> })<br /> function creatMove(){<br /> var tar={<br /> left:1000,<br /> top:500,<br /> width:200,<br /> height:200,<br /> borderRadius:200<br /> }<br /> $(document.body).append("<div class=’c1′></div>");<br /> $(".c1").<span class='wp_keywordlink_affiliate'><a href="https://www.rokub.com/category/css" title="css" target="_blank" data-wpel-link="internal" rel="noopener noreferrer">css</a></span>({width:"1px",height:"1px",border:"1px solid red",position:"absolute"})<br /> $(".c1").animate(tar,2000<br /> ,function(){<br /> $(this).removeAttr("class").addClass("c2");<br /> $("div").remove(".c2");<br /> }<br /> )<br /> }<br /> function move(){<br /> clearInterval(time);<br /> time=setInterval(function(){<br /> i++;<br /> if(i==100){<br /> clearInterval(time);<br /> move();<br /> i=0;<br /> }<br /> creatMove();<br /> },40)<br /> }<br /> </script><br /> </body><br /> </<span class='wp_keywordlink_affiliate'><a href="https://www.rokub.com/category/html" title="html" target="_blank" data-wpel-link="internal" rel="noopener noreferrer">html</a></span>> » 本文来自：前端开发者 » 《看到 @Js_canves 童鞋做的很好玩 就自己做了个山寨的~~~~》 » 本文链接地址：https://www.rokub.com/8848.html » 您也可以订阅本站：https://www.rokub.com
前端开发者
评论前必须登录！
注册