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

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

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

CSS卡片边框流动动画代码

<html><head><style>@charset "UTF-8";@property --hue {   syntax: "<number>";...

CSS中给背景图增加遮罩

CSS作为网页开发的重要组成部分,经常会用到遮罩层的效果,实现页面视觉上的突出和强调。那么,CSS怎样设置遮罩层呢?下面就来简单介绍一下。首先,要清楚遮罩层的定义。遮罩层是指在页面元素上添加一个半透明的罩子,使得页面元素之间的重叠效果。”遮”住页面上的元素。接下来,我们来看如何在CSS中实现遮罩层的...

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

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

滚动文字消息代码

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

纯CSS实现侧边栏浮动在线客服效果

很多人一般在网页的侧边会选择放一个悬浮的在线客服,方便意向客户的联系,网上随便一搜也会有很多代码提供,但是大多都是JS书写的,并且夹带着一些图片素材乱七八糟的东西,用起来很不方便。今天我们就教给大家一个纯css书写的在线客服效果首先我们有如下html结构<div class=&quo...

发表评论

访客

看不清,换一张

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