当前位置:首页 > 网站应用 > 正文内容

js打印文字打字输出特效代码

cjw1238个月前 (09-20)网站应用1450
<center>
<style type="text/css">
.a{background:#666666; border:0px solid #000000; width:300px; height:200px}
.b{background:#ffffff; border:1px solid #000000; left:-10px; top:-10px; width:300px; height:200px;position:relative;text-align:left;font-size:12px; padding:5px;line-height:30px}
</style>
<br><br><br>
<div  class="a"><div id="uu" class="b">.</div></div>
<script type="text/javascript">
var str="真情,从表面上看,他是一种真实情感的表露,是一种含蓄而又内在的美,是上天对他的一种包庇,是太阳对地球的一种完美诠释,也许上天故意让鱼儿在水中生存,时间久了,便是情的真谛,也可能是向日葵对阳光的永恒的眷恋。";
var num=0;
var mm=document.getElementById("uu");
function add(){
	if(num<=str.length){

		mm.innerHTML=str.substring(0,num);
		num++;
	}else{
                num=0;
		//window.clearInterval(dd);
	}
}
var dd=window.setInterval(add,200);
</script>
</center>


扫描二维码推送至手机访问。

版权声明:本文由追求完美发布,如需转载请注明出处。

本文链接:https://www.cjw123.com/blog/?id=108

标签: htmlJS
分享给朋友:

相关文章

网站调整公告

        网站开通了也有三年多了,网站也进行了多次的改版,昨天是我生日嫌着没事在家里把网站再进行了一次改版,当大家再次访问网站时,网站已经换上了全新的衣裳,这次的改版也将意味着我自己也会以一个全新的面貌展现,在我过去的一岁里...

html meta标签屏蔽搜索引擎的用法

html页面中的 meta 标签可以用来识别搜索引擎的蜘蛛类型,可以规定meta标签所在的html页面是否被蜘蛛抓取,下面是这个meta标签的用法,大家可以借鉴一下。搜索引擎的 meta 标签的解析下面是meta标签对搜索引擎的解析<meta name='robot...

纸张撕裂动画效果,网站错误404页源码

一款挺好看的404页源码,可以改成自己想要的提示页<html>    <head>    <meta charset="UTF-8"> &nbs...

css3实现不断旋转动画加载,并弹性布局显示

<style> body{ background:#34495e; display:flex; justify-content:center; align-items:center; height:100vh; } .loading{ position:relative...

漂亮弹窗公告代码

<html xmlns="http://www.w3.org/1999/xhtml"> <head>   <meta http-equiv="Content-Type" con...

中秋贺卡

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。