当前位置:首页 > 网站应用

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

cjw1232年前 (2024-09-20)网站应用4510
<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://cjw123.com/blog/?id=108

标签: htmlJS
分享给朋友:

相关文章

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

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

CSS3用hover实现百叶窗动画

<style> ul,li{margin:0;padding:0;} ul{ display:flex; margin:0 auto; width:960px; height:500px; outline:1px solid black;…

摇摆的灯光

点击运行看演示效果!<!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">…

文字特效代码:超酷文字快速展示

<!--要完成此效果需要三个步骤 第一步:把如下代码加入到<head>区域中--> <style> .let{ color:white; font-family:Verdana; font-weight:bold; width:500; filte…

瞌睡小鸟按钮特效

<!DOCTYPE html> <html lang="en">   <head>     <title>瞌睡小鸟按钮特效</title&g…

今天终于把导航的同步功能给完成了

拖了几年,一直提不起兴趣去做一些陈年旧事,因为现在大部分的网友都已经不在电脑上了,也没了更新的动力。昨天不知道是咋了,去改个失效的链接,弄着弄着就把同步功能一起给做完了!本文章就是一篇水文,记录一下!导航这一下估计又很久不会去动了!有使用的朋友可以体验一下,www.cjw123.com 右…

发表评论

访客

看不清,换一张

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