JavaScript实现打印代码特效

特效 小海豚博客管理员 2020-06-29 12:51:30.0 220 0条

最后的特效就是文章标题那样!

主要的js代码:


Element.prototype.typewriter=function(a){
			var d = this,
				c = d.innerHTML,
                c = c.trim();
				b = 0;
			d.innerHTML="";
			var e = setInterval(function() {
				var f = c.substr(b, 1);
				if (f == "<") {
					b = c.indexOf(">", b) + 1
				} else {
					b++
				}
				d.innerHTML=c.substring(0, b) + (b & 1 ? "_" : "");
				if (b >= c.length) {
					clearInterval(e);
                    d.innerHTML = d.innerHTML.replace("_","");
				}
			}, 300);

		return this
	
	}
用法:



<div  id="code">梦虽虚幻,却是自己的梦想</div>


然后直接调用就行



 document.getElementById("code").typewriter();



暗锚,解决锚点偏移

文章评论

嘿,来试试登录吧!