效果如视频,完全源码如下,保存为html即可利用。

<!DOCTYPE html><html lang=&#34;en"><head><meta charset="UTF-8"><title></title><style type="text/css">div{font-family:"楷体"; /设置字体/margin:10px auto; /设置外边距/padding:30px; /设置内边距/font-size: 36px; /设置笔墨大小/width: 800px;height: 600px;/border:1px solid #CCCCCC; /设置元素边框//box-shadow:3px 3px 6px #999999; /设置边框阴影/writing-mode:vertical-rl; /设置以垂直办法从右向左显示/}</style></head><body onclick="show();"><div> <p id="content_source" style="display: none;">内丹周天功法办法。
吕祖曰:周天非以气做主,以心到为妙诀。
无心而守,无意而行。
吾身之气,四肢百体,原是贯通,不要十分着力。
于此磨炼识神,断除妄见,然后药生,药非有形之物,此性光也。
而即先天之真气,然必于大定后方见,并无采法,言采者大谬矣。
见之既久,心地光明,自然心空漏尽,解脱尘海。
若今日龙虎,嫡水火,终成企图。
吾昔受火龙真人口诀如是。
</p><p id="content_target"></p></div><script>var content = document.getElementById("content_source").innerHTML;for(i=0; i<content.length; i++){document.getElementById("content_target").innerHTML += "<span style='padding:3px; display:none' id='c"+i+"'>" + content[i] + "</span>";if(content[i].charCodeAt() <= 10){document.getElementById("content_target").innerHTML +="<br>"}}var index = 0;function show(delay, call_back){var c_x = document.getElementById("c"+index);index++;if(c_x){c_x.style.display = "";c_x.style.color = "#ff0000";c_x.style.fontSize = "60px";setTimeout(show, 400);}var pre_c_x = document.getElementById("c"+(index-2));if(pre_c_x){pre_c_x.style.color = "#000000";pre_c_x.style.fontSize = "36px";}}</script></body></html>

如果想要加密个中的JS代码,防止他人知道实现逻辑,可利用JShaman平台的JS加密做事。

JShaman:JShaman - JS加密、JS稠浊 - 专业JavaScript代码保护做事供应商

打字比赛PHP网站源码英俊的JS打字后果完全源码 RESTful API

利用如下图所示的配置:

注:选用了所有加密项,包括加密全局函数,由于在外部html中调用全局函数show,以是把show设为保留字。

加密后的代码效果:

代码部分放大,这样的代码是不是有点艺术感?