-
html
<body>
<div id="container"></div>
<script type="text/javascript" src="frameTxt.js"></script>
</body>
-
css
html,body{width: 100%;text-align: center; color: #fff;margin: 0;padding: 0;}
body {background-image:url(bg.jpg); background-repeat: no-repeat; background-size: 100% 100%; background-attachment: fixed; }
#container{margin-top: 20%; line-height: 30px; letter-spacing:3px;}
-
js
const wmind = "姑娘有罪@罪在你一颦一笑住我眉头心间@一行一止牵我情丝心绪@
姑娘@你可知@@@@@往后余生@风雨是你@平淡是你@清贫是你@荣华是你@心底温柔是你@目光所至@也是你@@@@@";
var container = document.getElementById('container');
var index = 0;
function play() {
var tempStr = wmind.substr(0, index);
tempStr = tempStr.replace(/@/g, "<br/>");
container.innerHTML = tempStr + '..'
if( ++index > wmind.length ) {
index = 0;
}
setTimeout(play,200);
var c = window.document.body.scrollHeight + 20;
window.scroll(0,c);
}
window.onload = play;
-
演示地址(临时)：www.yinggame.com
如有疑问，可加QQ：297278806
网友评论