ASP动态网页设计与Ajax技术-----打字机效果

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>打字机效果</title>
<style type="text/css">
body {
    background-image: url("照片/u=3948792083,2160529094&fm=26&gp=0.jpg");\\注意照片途径需要自己改正到自己所存放照片的位置
    font-family: "华文行楷";
    font-size: 10mm;
    color: #E71216;
}
</style>
</head>
<body onLoad="setInterval(trim,100)">
 <p id="exp"></p >
 <script>
 var exp=document.getElementById("exp");
 var str="我笑便面如春花，定是能感动人的，任他是谁！";
 y=1;
 function trim(){
  var trimstr=str.substring(0,y);
  exp.innerHTML=trimstr;
  if(y<str.length) y++;
  else clearInterval(setInterval(trim,100));
 }
 </script>
</body>
</html>
posted @ 2019-12-24 14:57  清欢qinghuan  阅读(168)  评论(0)    收藏  举报