<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
.div1{
font-size:24px;
color:red;
}
</style>
<script language="JavaScript" type="text/javascript">
var messages = "换个角度去想问题,或许会收获意想不到的效果!";
messages = messages.split('');
var msg = "";
var i=0;
function show(){
if(i<=messages.length)
{
if(i==messages.length){
div1.innerHTML= "<font color='red'>"+msg+"</font>";
}
else{
div1.innerHTML = msg + "<font color='blue'>"+messages[i]+"</font>";
}
msg = msg + messages[i];
i++;
}
else{
i=0;
msg="";
}
setTimeout("show()",200);
}
</script>
</head>
<body οnlοad="show()" class="div1">
<div id="div1"></div>
</body>
</html>