<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="js/jsLib/jquery-1.11.3.js"></script>
<style>
.container{
float: left;
display: inline-block;
position: relative;
}
@keyframes blink-caret { 50% { background-color: transparent; } }
span{
animation:blink-caret 1s step-end infinite;
width: 3px;
height: 20px;
background-color: #000;
float: left;
position: absolute;
right: -10px;
}
</style>
</head>
<body>
<div class="container"></div>
<script>
var s = 'Welcome to LoVueAn';
var con = $('.container');
var index = 0;
var length = s.length;
var tId = null;
function start(){
con.text('');
con.append('<span></span>');
tId=setInterval(function(){
con.append(s.charAt(index));
if(index++ === length){
clearInterval(tId);
index = 0;
// start()
}
},400);
}
start();
</script>
</body>
</html>
<!--<!DOCTYPE html>-->
<!--<html>-->
<!--<head lang="en">-->
<!--<meta charset="UTF-8">-->
<!--<title></title>-->
<!--<style>-->
<!--.saying:after {-->
<!--content: "|";-->
<!--font-family: Arial, sans-serif;-->
<!--font-size: 1.2em;-->
<!--line-height: 0;-->
<!--display: inline-block;-->
<!--vertical-align: baseline;-->
<!--opacity: 1;-->
<!--animation: caret 500ms infinite;-->
<!--}-->
<!--</style>-->
<!--<script src="js/jsLib/jquery-1.11.3.js"></script>-->
<!--<script language="javascript">-->
<!--var index=0;-->
<!--var word;-->
<!--function type(){-->
<!--var typePanel = document.getElementById("aa");-->
<!--typePanel.innerText = word.substring(0,index++);-->
<!--if(index % 3 == 0){-->
<!--typePanel.className = "";-->
<!--}else if(index % 3 == 1){-->
<!--typePanel.className = "saying";-->
<!--}-->
<!--}-->
<!--window.onload=function(){-->
<!--word=document.getElementById("w").innerHTML;-->
<!--setInterval(type, 200);-->
<!--}-->
<!--</script>-->
<!--</head>-->
<!--<body>-->
<!--<pre id="aa" class="saying"></pre>-->
<!--<div style="display:none" id="w">谈及航母的改建工程,-->
<!--当时为了解决现场建设困难,他们做了大量的工作:一是统筹好所有的工作项目,精确安排每人每天的任务,最忙的时候精确到每个小时的具体任务;二是提高所有的施工质量,通过保证质量,在更大程度上节约时间;三是加班加点。-->
<!--“通过这三个方面的手段,才把时间给抢回来。”王治国回忆,“因为我们在北方,那一年遇上了五十年不遇的严寒。前面的很多土建工作,受温度影响很大,耽误了时间。为了抢进度,最后我们把时间抢回来了。”-->
<!--</div>-->
<!--</body>-->
<!--</html>-->
daziji.zip_js_打字
版权申诉
183 浏览量
2022-09-21
00:01:55
上传
评论
收藏 1.07MB ZIP 举报
![avatar](https://profile-avatar.csdnimg.cn/823be93c18be4b9fa55c75bb75c369e0_weixin_42659791.jpg!1)
Kinonoyomeo
- 粉丝: 77
- 资源: 1万+
最新资源
- 使用ASP.NET Core和Entity Framework Core来构建一个基本的进销存系统.rar
- 深度学习经典数据集+FER2013面部表情识别+附带使用方法的python代码
- Python中,要实现连接多个相机并识别多个二维码.rar
- 使用FFT算法对一个信号进行分析.rar
- 171cms游戏应用下载系统源码.zip
- 基于jsp+servlet+mysql蛋糕甜品店购物网站源码+数据库(期末大作业).zip
- Java项目:在线蛋糕商城系统(java+jsp+mysql)源码+数据库+期末大作业.zip
- ZapyaClient10_7-1.apk
- 织梦cms站长导航网站源码.zip
- 基于SSM+MySQL的网络投票调查问卷系统源码+数据库(java期末大作业).zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback-tip](https://img-home.csdnimg.cn/images/20220527035111.png)