可在控制台中执行字符动画的js插件

Dom Animator是一款非常神奇的可以在浏览器控制台中执行源码动画的js插件。当你写了一段HTML源码拿去发布的时候,是否想别人在控制台上查看你的源码时让人感觉与众不同?该js插件可以帮助你将指定的ASCII字符组成的多幅图案制作为动画,在控制台中显示。

dom-animator.js是单独的js文件,没有任何jQuery等外部依赖。不需要写CSS样式和HTML标签,它会将生成的动画显示在源码顶部的注释里面。

效果演示:http://www.htmleaf.com/pins/dom-animator/index.html

下载地址:http://www.htmleaf.com/jQuery/Layout-Interface/201503301599.html

时间: 2024-08-10 17:43:16

可在控制台中执行字符动画的js插件的相关文章

一款模拟CSS3动画的js插件-move.js

Move.js是一款简单小巧的模拟CSS3动画的js插件.该插件可以完成CSS3的各种动画效果:移动.变形.倾斜.背景色渐变.旋转等.并且可以在动画中使用各种easing效果. 类似插件可参考:可替代CSS3 transition和transform的jQuery插件. 在线演示:http://www.htmleaf.com/Demo/201501281292.html 下载地址:http://www.htmleaf.com/jQuery/Layout-Interface/20150128129

ScrollReveal-元素随页面滚动产生动画的js插件

简介 和 WOW.js 一样,scrollReveal.js 也是一款页面滚动显示动画的 JavaScript,能让页面更加有趣,更吸引用户眼球.不同的是 WOW.js 的动画只播放一次,而 scrollReveal.js 的动画可以播放一次或无限次:WOW.js 依赖 animate.css,而 scrollReveal.js 不依赖其他任何文件. 虽然 scrollReveal.js 不依赖 animate.css,但它的动画也是用 CSS3 创建的,所以它不支持 IE10 以下的浏览器.

Bounce.js-可视化CSS3动画代码生成js插件

Bounce.js是一款功能非常强大的可视化CSS3动画代码生成js库插件.该js库插件提供了一个在线APP,通过该APP可以在可视化的条件下编辑CSS3的各种动画效果.此外,你也可以单独使用Bounce.js,通过js代码来完成各种CSS3动画效果. Bounce.js能与jQuery完美结合. 在线演示:http://www.htmleaf.com/Demo/201502231412.html 下载地址:http://www.htmleaf.com/css3/css3donghua/2015

菜鸟调错(七)——控制台中执行mvn命令后提示‘cmd’不是内部或外部命令

最近在cmd下使用mvn命令时,在执行完以后总会出现一句"'cmd'不是内部或外部命令,也不是可执行程序或批处理文件",如下图: 虽然命令执行成功了,不会有什么影响,但是身为强迫症晚期的我是绝对不能忍的.首先,能够正确执行mvn命令,说明Maven的配置是没问题的,那么问题出在什么地方呢?找来找去最后定位到是环境变量的问题,查看系统变量中的Path,发现里面缺少了%SystemRoot%\system32;%SystemRoot%,于是果断加上,再次执行mvn命令,发现那句话已经不见啦

html5轻量级操纵和制作SVG动画的js库-svg.js

svg.js是一个轻量级的操纵和制作SVG动画的js插件库.svg.js可以生成SVG图形.图像.文字和路径等等.svg.js还可以用于制作svg动画和互动拖拽等效果. svg.js不依赖与jQuery等外部插件库,它遵循麻省理工学院的许可( MIT License)下许可证的条款. 在线演示:http://www.htmleaf.com/Demo/201501301302.html 下载地址:http://www.htmleaf.com/html5/SVG/201501301301.html

Jenkins控制台中乱码问题

由于服务器环境及应用层各版本的不同.编码方式的不同因此会有很多种情况会出现乱码问题. 由于Jenkins中的job运行的是独立的一个shell环境,许多的环境变量与服务器中是不一样的,因此在job中执行的命令也就会有所差异. 因此可以在job中执行env命令,同时在服务器中执行env命令查看环境的异同点. 对于Jenkins中乱码问题,首先,确保Jenkins的容器如Glassfish,Tomcat的编码是正确的,已设置成如UTF-8编码. 若还有乱码,做如下尝试: 系统管理--系统设置,添加编

C# 计算字符串在控制台中的显示长度

C# 计算字符串在控制台中的显示长度? 警告 您当前查看的页面是未经授权的转载! 如果当前版本排版错误,请前往查看最新版本:http://www.cnblogs.com/qin-nz/p/csharp-calculate-string-display-length.html 提示 更新时间:2016年01月09日. 本作品由勤奋的小孩创作,采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可. 欢迎转载,但任何转载必须保留完整文章,在显要地方显示署名以及原文链接( http

利用跨域请求来隐藏firbug控制台中的Ajax请求

普通jquery的Ajax请求在控制台中是可见的,如下: 而在利用jsonp(json with padding)进行Ajax跨域时,发现Ajax请求不会在控制台显示. 跨域代码如下: 前端代码: $.ajax({ type : "get", //jquey不支持post方式跨域 async:false, url : "http://www.cnblog.com", //跨域请求的URL dataType : "jsonp", //传递给后端,用

Chrome 开发者控制台中,你可能意想不到的功能

Chrome 有内置的开发者工具.它拥有丰富的特性,比如元素(Elements).网络(Network)和安全(Security).今天,我们主要关注一下 JavaScript 控制台. 当我最初写代码时,我只会使用JavaScript控制台来打印服务器返回值或变量值.但随着时间推移和教程的帮助,我发现这个控制台能做的事远远超乎我的想象. 接下来我们说说你可以通过控制台做到的事情.如果你在电脑的 Chrome 浏览器(或其他浏览器)中阅读这篇文章,你可以立刻打开开发者工具并尝试. 1. 选取DO