链接: https://github.com/JkChenAcmer/Theme-pub.git
效果图:
js函数:
var para=new Array(8); para[0]=new Array(6); para[0][0]="....."; para[0][1]="....."; para[0][2]="....."; para[0][3]="....."; para[0][4]="....."; para[0][5]="....."; var timer; var t2; function load(id){clearInterval(timer);/* 重置 */clearInterval(t2);var sr="url('img/?.jpg')";var num=String(id);sr=sr.replace('?',num);var img=document.getElementById("pic");img.style.backgroundImage=sr;var ps=document.getElementsByTagName("p"),i;for(i=0;i<ps.length;i++){ps[i].innerHTML="";}var i=0,j=0; //第i段第j个字timer=setInterval(function(){j++;ps[i].innerHTML=para[id][i].substr(0,j);if(j>=para[id][i].length){j=0,i++;}if(i>=para[id].length){clearInterval(timer);}},10); }
1234567891011121314151617181920212223242526272829303132333435363738html:
<div class="back" id="pic"><p class="text"></p><p class="text"></p><p class="text"></p><p class="text"></p><p class="text"></p><p class="text"></p><p class="text"></p><p class="text"></p> </div> 12345678910