<div class="col-md-12 text-center wow fadeInUp"> <h2 class="heading-title">学习经历</h2> <p class="large-text">下面展示了我大一大二在校期间学习的课程和掌握程度</p> </div>让文字以打字状态弹出
时间: 2023-10-07 19:10:26 浏览: 118
mdast-util-heading-range:在mdast中将标题用作范围的实用程序
您可以使用JavaScript来实现文字打字的效果。例如,您可以将文本内容存储在一个字符串中,并在页面加载时使用`setInterval()`函数来逐字打印它们。以下是一个示例代码:
```
<div class="col-md-12 text-center wow fadeInUp">
<h2 class="heading-title">学习经历</h2>
<p id="type-text" class="large-text"></p>
</div>
<script>
var text = "下面展示了我大一大二在校期间学习的课程和掌握程度";
var index = 0;
var speed = 50; //调整打字速度
function typeText() {
var element = document.getElementById("type-text");
element.innerHTML += text.charAt(index);
index++;
if (index == text.length) {
clearInterval(timer);
}
}
var timer = setInterval(typeText, speed);
</script>
```
这将在页面加载时将文本逐字打印出来,以模拟打字的效果。您可以根据需要调整打字的速度和文本内容。
阅读全文
相关推荐
添加商品信息,类型为甜品,颜色为粉色,重量为100克。根据上面的要求完善一下以下代码。 芋你啵啵 ¥40.00 <input class="form-control" type="number" value="1"> ¥40.00 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></script> </head> <body> 图书管理系统 <label>id: </label><input type="text" class="form-control" v-model="id" disabled> <label>name: </label><input type="text" class="form-control" v-model="name" onchange="onchange(id)"> <input type="button" value="添加" class="btn btn-primary" @click. ="add" :disable="isEditable"> id name time {{book.id}} {{book.name}} {{book.time}} 删除 <script src="vue.js"></script> <script> let app = new Vue({ el: '#app', data: { id:0, name:'', books:[ {'id':1,'name':'Vue.js入门','time':new Date()} ], isEditable:true }, mounted(){ this.id=this.books.length+1 console.log(this.id) }, method:{ onchange(){ if (this.name!=''){ this.isEditable=false }else{ this.isEditable=true } }, add(){ this.books.push({'id':this.id,'name':this.name,'time':new Date()}) this.id++ this.name='' }, del(id){ let index=this.books.findIndex((item)=>{ if(item.id==id){ return true } }) this.books.splice(index,1) } } }) </script> </body> </html> 补充代码
Response was of unexpected text/html ContentType. Incoming portion of HTML stream: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><HTML><HEAD><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>CXF - Service list</title></head><body>Available SOAP services:
IBgsOutServicedeclarationqureyStatusqureyDecldeclarationBgsoutDocument Endpoint address: http://sz.91etg.com:9310/etgwebservice/iBgsOut
WSDL : {http://impl.service.bgsOut.winlu.com/}BgsOutServiceImplService
Target namespace
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></script> </head> <body> 图书管理系统 <label>id: </label><input type="text" class="form-control" v-model="id" disabled> <label>name: </label><input type="text" class="form-control" v-model="name" onchange="onchange(id)"> <input type="button" value="添加" class="btn btn-primary" @click. ="add" :disable="isEditable"> id name time {{book.id}} {{book.name}} {{book.time}} 删除 <script src="vue.js"></script> <script> let app = new Vue({ el: '#app', data: { id:0, name:'', books:[ {'id':1,'name':'Vue.js入门','time':new Date()} ], isEditable:true }, mounted(){ this.id=this.books.length+1 console.log(this.id) }, method:{ onchange(){ if (this.name!=''){ this.isEditable=false }else{ this.isEditable=true } }, add(){ this.books.push({'id':this.id,'name':this.name,'time':new Date()}) this.id++ this.name='' }, del(id){ let index=this.books.findIndex((item)=>{ if(item.id==id){ return true } }) this.books.splice(index,1) } } }) </script> </body> </html> 补充代码
Response was of unexpected text/html ContentType. Incoming portion of HTML stream: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><HTML><HEAD><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>CXF - Service list</title></head><body>Available SOAP services:
IBgsOutServicedeclarationqureyStatusqureyDecldeclarationBgsoutDocument Endpoint address: http://sz.91etg.com:9310/etgwebservice/iBgsOut
WSDL : {http://impl.service.bgsOut.winlu.com/}BgsOutServiceImplService
Target namespace
WSDL : {http://impl.service.bgsOut.winlu.com/}BgsOutServiceImplService
Target namespace