typed.js的问题
typed.js的问题
提问于 2017-12-01 02:16:40
尝试实现typed.js作为我的基本网页的一个功能，然而，我有一些问题。我已经将typed.js文件移到了我的文件结构- js/typed.js中。
我相信这是一个非常简单的问题，我就是搞不懂。如果在正确的方向上点头，我们将不胜感激。
html
<h1 id="mainTitle">Hello World</h1>
<p id="subTitle"></p>jQuery
$(document).ready(function(){
$("#subTitle").typed({
strings: [
"Hello World!"
"My Name is John"
],
typeSpeed: 70,
backDelay: 200,
loop: true
})
})CSS
#subTitle {
position: absolute;
color: #F7F2F2;
transform: translate(0, -50%);
font-size: 48px;
}回答 2
Stack Overflow用户
发布于 2017-12-01 02:24:20
strings: [
"Hello World!"
"My Name is John"
],你的中文税是错的。替换为
strings: [
"Hello World!",
"My Name is John"
],Stack Overflow用户
发布于 2017-12-01 03:48:12
尝试此
我使用了span标记并删除了h2 and p tag，而且脚本中也缺少分号。
如果您使用h2 tag，则光标将不会显示properly.It将显示在文本下方。当使用h2标签时，我不能100%确定它是否能工作，因为我试过了，光标显示在下面。查看示例。
查看输出，如果使用h2标签，它将在下面显示光标。
https://codepen.io/Narendra_verma/pen/POXPgW
如果使用span标记。
https://codepen.io/Narendra_verma/pen/EbGVzM
<head>
<title></title>
<style type="text/css">
</style>
</head>
<body>
<span id="mainTitle"></span>
<script src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="js/typed.min.js"></script>
<script type="text/javascript">
$(function(){
$("#mainTitle").typed({
strings: ["Hello World!", "My Name is John"],
typeSpeed: 110, // typing speed
backDelay: 500, // pause before backspacing
loop: true,
});
});
</script>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47580076
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号