JS打字效果
body{
font-family: Arial;
margin-top:0px;
background-repeat:no-repeat;
padding-top:100px;
}
#myContent, #myContent blink{
width:500px;
height:200px;
background:black;
color: #00FF00;
font-family:courier;
}
blink{
display:inline;
}
var charIndex = -1;
var stringLength = 0;
var inputText;
function writeContent(init){
if(init){
inputText = document.getElementById('contentToWrite').innerHTML;
}
if(charIndex==-1){
charIndex = 0;
stringLength = inputText.length;
}
var initString = document.getElementById('myContent').innerHTML;
initString = initString.replace(/
' || nextFourChars=='
'){
theChar = '
';
charIndex+=3;
}
initString = initString + theChar + "_";
document.getElementById('myContent').innerHTML = initString;
charIndex = charIndex/1 +1;
if(charIndex%2==1){
document.getElementById('blink').style.display='none';
}else{
document.getElementById('blink').style.display='inline';
}
if(charIndex<=stringLength){ setTimeout('writeContent(false)',10); }else{ blinkSpan(); } } var currentStyle = 'inline'; function blinkSpan(){ if(currentStyle=='inline'){ currentStyle='none'; }else{ currentStyle='inline'; } document.getElementById('blink').style.display = currentStyle; setTimeout('blinkSpan()',1000); }
御坂网络欢迎你
你好,我是御坂网络的智能程序,很高兴你打开这个页面.请问你是要加入御坂网络,成为御坂网络的一员吗?
好的,那么请问该怎么称呼你呢?
writeContent(true);
