看到 @Js_canves 童鞋做的很好玩就自己做了个山寨的~~~~

由前端开发者 · 2018年11月6日15:14:14

摘要：html 代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="http://cdn.bootcss.com/j……

html 代码

<!DOCTYPE <a href="https://www.rokub.com/category/html" title="html">html</a>> <html> <head> <meta charset="UTF-8"> <title></title> <script src="http://cdn.bootcss.com/<a href="https://www.rokub.com/category/jquery" title="jquery">jquery</a>/3.1.1/<a href="https://www.rokub.com/category/jquery" title="jquery">jquery</a>.<a href="https://www.rokub.com/category/javascript" title="js">js</a>"></script> </head> <body> <input type="button" name="b1" id="b1" value="停止" /> <script> var time; move(); var i=0; creatMove(); $("input").click(function(){ $("div").stop(); }) function creatMove(){ var tar={ left:1000, top:500, width:200, height:200, borderRadius:200 } $(document.body).append("<div class=’c1′></div>"); $(".c1").<a href="https://www.rokub.com/category/css" title="css">css</a>({width:"1px",height:"1px",border:"1px solid red",position:"absolute"}) $(".c1").animate(tar,2000 ,function(){ $(this).removeAttr("class").addClass("c2"); $("div").remove(".c2"); } ) } function move(){ clearInterval(time); time=setInterval(function(){ i++; if(i==100){ clearInterval(time); move(); i=0; } creatMove(); },40) } </script> </body> </html>

» 本文来自：前端开发者 » 《看到 @Js_canves 童鞋做的很好玩就自己做了个山寨的~~~~》

» 本文链接地址：https://www.rokub.com/8848.html

» 您也可以订阅本站：https://www.rokub.com

看到 @Js_canves 童鞋做的很好玩就自己做了个山寨的~~~~

You may also like...

发表评论取消回复

前端开发者/SEO-技术群/抢票群(加本人微信拉群）

近期文章

近期评论

分类目录

搜索文章

精选

联系方式

看到 @Js_canves 童鞋做的很好玩 就自己做了个山寨的~~~~

You may also like...

web前端开发面试题库代码题

前端开发收集一些简单常用的正则表达式

前端开发兼容IE 最基本的一些bug

发表评论 取消回复

前端开发者/SEO-技术群/抢票群(加本人微信拉群）

近期文章

近期评论

分类目录

搜索文章

精选

联系方式

看到 @Js_canves 童鞋做的很好玩就自己做了个山寨的~~~~

发表评论取消回复