项目地址：https://github.com/jrainlau/m...
体验地址：https://jrainlau.github.io/mo...

七夕快到了，我不会告诉你这是一个告白神器……写一封长长的告白信，把config里面的时间设置得长一些，然后默默地把它发给你的心上人……

介绍

MottoJS是一个只有4kb（.min文件只有2kb）的JS插件，绿色无依赖。通过MottoJS可以用一个很酷炫的方式展示你的座右铭。

安装

npm

npm install motto

or

git clone git@github.com:jrainlau/motto.git

使用

编写一个html标签，比如# 或其他

然后引入MottoJS

MottoJS同时支持以AMD, CommonJS或ES2015的方式引入。

然后使用new操作符去生成一个MottoJS实例

var motto = new Motto(el, config)

参数

MottoJS接受两个参数。

1. el {String / HTML element} 必须
   使用CSS选择器去选择一个用于展示你的座右铭的html元素。

2. config {Object} 必须
   一个带有5个属性的用于配置MottoJS的对象。

配置

基本的配置对象如下：

{    lyric: 'To be or not to be, that\'s a question.',    showUpSpeed: 1000,    flashSpeed: 100,    flashTimeout: 1000,    callback: function() { ... }}

1. lyric {String} 可选 默认值: ''
   你的座右铭内容。

2. showUpSpeed {Number} 可选 默认值: 0
   你的座右铭将会一个字一个字地出现，这个选项用于设置它们出现的间隔时间。

3. flashSpeed {Number} 可选 默认值: 0
   控制你的座右铭从乱码转化成有意义的句子的时间。

4. flashTimeout {Number} 可选 默认值: 0
   设置从座右铭完全输出到乱码转换之间的过渡时间。

5. callback {Function} 可选 默认值: {}
   乱码转换完成后的回调函数。

证书

MIT

感谢你的阅读。我是Jrain，欢迎关注我的专栏，将不定期分享自己的学习体验，开发心得，搬运墙外的干货。下次见啦！

关键字：JavaScript

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！