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

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

cjw1231年前 (2024-09-20)网站应用2780
<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...

滚动文字消息代码

网上收集的滚动文字消息代码<!DOCTYPE html>     <html>     <head>     <meta&...

CSS心形缠绕转动效果

CSS心形缠绕转动效果是一种有趣的动画效果,能够给网页带来浪漫而动感的氛围。这个效果将一个心形图案无限旋转,并且同时绕着一个中心点缠绕旋转。通过巧妙地运用CSS的动画属性和变换属性,你可以实现这个效果。首先,使用CSS创建一个心形图案,可以通过调整元素的宽高、边框、背景色等属性来塑造心形的形状。然后...

开灯!关灯!

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

网站设置点击任何地方弹出新页面广告只弹出一次

1、js实现第一次访问站时点击任何地方都先弹出一个广告页:<script> document.onmousedown = function(){     var isOpenedAd  =&nb...

打字机效果的带超链接的新闻标题

<html> <head> <title>打字效果的带链接的新闻标题</title> <meta http-equiv="Content-Type" content="text/html;&...

发表评论

访客

看不清,换一张

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