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 onl oad="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>
<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 onl oad="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>
标签:trim,ASP,str,trimstr,Ajax,打字机,exp,var,font 来源: https://www.cnblogs.com/sihuan/p/12091522.html