H5打字机特效

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<pre id="aa"></pre>
<div style="display:none" id="w">
   学习“十八大”社会主义核心价值观心得体会

党的十八大报告提出,要“倡导富强、民主、文明、和谐,倡导自
由、平等、公正、法治,倡导爱国、敬业、诚信、友善,积极培育和践
行社会主义核心价值观。
”在这三维一体的核心价值观中,个人的核心价
值观是社会道德生活的基础,而国家层面的核心价值观是理想目标,社
会层面的核心价值观则是使得我们能够实现国家层面的核心价值观不可
逾越的中间环节。这样创造性地将核心价值观的内涵进行区分性表述,
在理论建设上有着重大的意义,同时对于培育社会主义核心价值观有着
深远的意义。

富强、民主、文明、和谐,是社会主义核心价值体系中的中国特色
社会主义的共同理想,把它作为简明的社会主义核心价值观的第一层次,
是对社会主义核心价值体系内在包含的核心价值观的提炼。

价值承载着理想,理想内蕴着价值,理想追求本身就是价值追求,
美好的理想也就是值得人们追求和拥有的价值。富强、民主、文明、和
谐作为核心价值观,凝结了一百多年来先进的中国人的理想与价值愿望,
</div> <script language="javascript"> var index=0; var word=document.getElementById("w").innerHTML; function type(){ document.getElementById("aa").innerText = word.substring(0,index++); } setInterval(type, 200); </script> </body> </html>

 

转载于:https://www.cnblogs.com/bbc66/p/9470706.html

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我可以为您提供关于H5 Canvas流星特效的一些指导。 首先,您需要在HTML文件中创建一个canvas元素,以便在其中绘制流星效果。然后,您可以使用JavaScript来编写代码,实现流星效果。 以下是一个简单的流星特效的实现代码示例: ```javascript // 获取canvas元素 var canvas = document.getElementById('myCanvas'); // 设置canvas的宽度和高度 canvas.width = window.innerWidth; canvas.height = window.innerHeight; // 获取画布的上下文对象 var ctx = canvas.getContext('2d'); // 创建流星对象 function Meteor(x, y, dx, dy, size, color) { this.x = x; this.y = y; this.dx = dx; this.dy = dy; this.size = size; this.color = color; // 绘制流星 this.draw = function() { ctx.beginPath(); ctx.moveTo(this.x, this.y); ctx.lineTo(this.x + this.size, this.y - this.size); ctx.strokeStyle = this.color; ctx.stroke(); } // 更新流星的位置 this.update = function() { this.x += this.dx; this.y += this.dy; } } // 创建多个流星对象并加入数组 var meteors = []; for (var i = 0; i < 10; i++) { var x = Math.random() * canvas.width; var y = Math.random() * canvas.height; var dx = -1 - Math.random(); var dy = 1 + Math.random(); var size = 10 + Math.random() * 20; var color = 'white'; var meteor = new Meteor(x, y, dx, dy, size, color); meteors.push(meteor); } // 动画循环 function animate() { requestAnimationFrame(animate); ctx.clearRect(0, 0, canvas.width, canvas.height); // 绘制每一个流星 for (var i = 0; i < meteors.length; i++) { var meteor = meteors[i]; meteor.draw(); meteor.update(); } } // 开始动画循环 animate(); ``` 在这个代码示例中,我们创建了一个Meteor类来表示流星对象,并使用它来绘制和更新每一个流星。我们还创建了一个包含多个流星对象的数组,并在动画循环中使用它来绘制和更新每一个流星。 请注意,这只是一个简单的流星特效实现,您可以根据自己的需求进行修改和扩展。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值