精美图片
[ 257 主题 / 13 回复 ]
版块介绍: ```<html> <head> <style type="text/css"> .text_body{margin:100px auto;background-color:white;}.text{position:relative;margin:100px auto;padding:1em;border:1em solid transparent;background:linear-gradient(white,white) padding-box,repeating-linear-gradient(-45deg,red 0,red 12.5%,transparent 0,transparent 25%,#58a 0,#58a 37.5%,transparent 0,transparent 50%) 0 / 5em 5em;}</style> </head> <body> <!--文本--> <div class="text_body"> <div class="text" id="container"> 初恋是让人难忘,觉得美好。为什么?不是因为他/她很漂亮或很帅,也不是因为得不到就是好的,而是因为人初涉爱河时心理异常纯真,绝无私心杂念,只知道倾己所有去爱对方,而以后的爱情就没有这么纯洁无暇了。纯真是人世间最可贵的东西,我们可求的就是它。 </div> </div> <!--文本结束--> <script type="text/javascript">var text = $("#container").text().trim(); $("#container").html(""); for(var i = 0;i < text.length;i++){ $("#container").append("<span>"+text+"</span>") } var s = 0; var tim = setInterval(function(){ $("#container span").eq(s++).css("color",getColor()).show(); if(s == text.length){ clearInterval(tim) } }, 100) function getColor(){ return "rgb("+Math.floor(Math.random()*255)+","+Math.floor(Math.random()*255)+","+Math.floor(Math.random()*255)+")"; } </script> </body></html>```
版主: *空缺中*