首页 > Web开发 > 详细

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

时间:2019-12-24 15:55:48      阅读:86      评论:0      收藏:0      [点我收藏+]
<!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>

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

原文:https://www.cnblogs.com/sihuan/p/12091522.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!