前端开发代码|前端开发者 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 /><br /> <html><br /><br /> <head><br /><br /> <meta charset=”utf-8″ /><br /><br /> <title></title><br /><br /> <style type=”text/<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>”><br /><br /> *{<br /><br /> padding: 0;<br /><br /> margin: 0;<br /><br /> }<br /><br /> #box{<br /><br /> height:700px;<br /><br /> width:1000px;<br /><br /> margin: 0 auto;<br /><br /> border:1px solid #000000;<br /><br /> position: relative;<br /><br /> }<br /><br /> #main{<br /><br /> width:100%;<br /><br /> height:605px;<br /><br /> position: relative;<br /><br /> overflow: hidden;<br /><br /> }<br /><br /> p{<br /><br /> position: absolute;<br /><br /> left:1000px;<br /><br /> width:200px;<br /><br /> top:0;<br /><br /> }<br /><br /> #bottom{<br /><br /> width:100%;<br /><br /> height:80px;<br /><br /> background: #ABCDEF;<br /><br /> text-align: center;<br /><br /> padding-top: 15px;<br /><br /> position: absolute;<br /><br /> left: 0;<br /><br /> bottom: 0;<br /><br /> }<br /><br /> #txt{<br /><br /> width:300px;<br /><br /> height:50px;<br /><br /> }<br /><br /> #btn{<br /><br /> width:100px;<br /><br /> height:50px;<br /><br /> }<br /><br /> </style><br /><br /> </head><br /><br /> <body><br /><br /> <div id=”box”><br /><br /> <div id=”main”></p><br /> <p> </div><br /><br /> <div id=”bottom”><br /><br /> <input type=”text” id=”txt” placeholder=”请输入内容” /><br /><br /> <input type=”button” id=”btn” value=”发射” /><br /><br /> </div><br /><br /> </div><br /><br /> <script src=”http://libs.baidu.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>/1.9.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 /><br /> <script type=”text/javascript”><br /><br /> $(function(){<br /><br /> var pageH=parseInt($(“#main”).height());<br /><br /> var colorArr=[“#cfaf12″,”#12af01″,”#981234″,”#adefsa”,”#db6be4″,”#f5264c”,”#d34a74″];<br /><br /> $(“#btn”).bind(“click”,auto);<br /><br /> document.onkeydown=function(e){<br /><br /> if(e.keyCode == 13){<br /><br /> auto();<br /><br /> }<br /><br /> };<br /><br /> function auto(){<br /><br /> var $value = $(“#txt”).val();<br /><br /> $(“#main”).append(“<p>” + $value + “</p>”);<br /><br /> $(“#txt”).val(“”);<br /><br /> var _top=parseInt(pageH*(Math.random()));<br /><br /> var num=parseInt(colorArr.length*(Math.random()));<br /><br /> $(“p:last-child”).<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>({“top”:_top,”color”:colorArr[num],”font-size”:”20px”});<br /><br /> $(“p:last-child”).animate({“left”:”-200px”},10000);<br /><br /> $(“p:last-child”).stop().animate({“left”:”-300px”},10000,”linear”,function(){<br /><br /> $(this).remove();<br /><br /> });<br /><br /> //console.log($value);<br /><br /> };</p><br /> <p> })<br /><br /> </script><br /><br /> </body><br /><br /> </html> 前端开发代码|前端开发者 https://www.rokub.com » 本文来自：前端开发者 » 《前端开发代码_jQury弹幕》 » 本文链接地址：https://www.rokub.com/2784.html » 您也可以订阅本站：https://www.rokub.com
前端开发者
评论前必须登录！
注册