html5在线代码编辑器输入时窗口晃动和字符爆炸动画特效

来源:https://www.sucaihuo.com/js/3858.html 2018-08-08 11:52浏览(1396) 收藏

超酷的html5在线代码编辑器输入时窗口晃动和字符爆炸动画特效,输入数字字母文字爆炸动画效果,有固定的格式化和样式显示代码。
html5在线代码编辑器输入时窗口晃动和字符爆炸动画特效
分类:文字特效 > 文字动画 难易:中级
查看演示 下载资源 下载积分: 20 积分

js代码

<script src="codemirror/lib/codemirror.js"></script>
<script src="codemirror/addon/edit/closetag.js"></script>
<script src="codemirror/mode/xml/xml.js"></script>
<script src="codemirror/mode/javascript/javascript.js"></script>
<script src="codemirror/mode/css/css.js"></script>
<script src="codemirror/mode/htmlmixed/htmlmixed.js"></script>
<script src="code-blast.js"></script>
<script>
		window.cm = CodeMirror(document.body, {
			lineNumbers: true,
			mode:  "htmlmixed",
			theme: 'monokai',
			lineWrapping: true,
			autofocus: true,
			tabSize: 2,
			value: "<article>\n  <h1>Code blast plugin for Codmirror</h1>\n  <div class=\"based-on\">\n    Based on uixsj's experiment:\n    https://uixsj.cn/\n  </div>\n  \n  <div>\n\t   This is a very cool code effect.\n  </div>\n  \n</article>",
			autoCloseTags: true,
			blastCode: { effect: 2 },
		});
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2