本篇文章更新于 2022-02-21 22:08:26
本篇文章更新于 2022-02-21
@font-face {
font-family: 'webfont';
font-display: swap;
src: url('//at.alicdn.com/t/webfont_ifcdqmimc9m.eot'); /* IE9*/
src: url('//at.alicdn.com/t/webfont_ifcdqmimc9m.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('//at.alicdn.com/t/webfont_ifcdqmimc9m.woff2') format('woff2'),
url('//at.alicdn.com/t/webfont_ifcdqmimc9m.woff') format('woff'), /* chrome、firefox */
url('//at.alicdn.com/t/webfont_ifcdqmimc9m.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('//at.alicdn.com/t/webfont_ifcdqmimc9m.svg#after') format('svg'); /* iOS 4.1- */
}
<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[i]+"<\/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>
.enlighter-t-monokai .enlighter-toolbar .enlighter-btn-window