MottoJS,一个让你的“座右铭”更好玩的JS插件
项目地址: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接受两个参数。
el {String / HTML element} 必须
使用CSS选择器去选择一个用于展示你的座右铭的html元素。config {Object} 必须
一个带有5个属性的用于配置MottoJS的对象。
配置
基本的配置对象如下:
{ lyric: 'To be or not to be, that\'s a question.', showUpSpeed: 1000, flashSpeed: 100, flashTimeout: 1000, callback: function() { ... }}
lyric {String} 可选 默认值: ''
你的座右铭内容。showUpSpeed {Number} 可选 默认值: 0
你的座右铭将会一个字一个字地出现,这个选项用于设置它们出现的间隔时间。flashSpeed {Number} 可选 默认值: 0
控制你的座右铭从乱码转化成有意义的句子的时间。flashTimeout {Number} 可选 默认值: 0
设置从座右铭完全输出到乱码转换之间的过渡时间。callback {Function} 可选 默认值: {}
乱码转换完成后的回调函数。
证书
MIT
感谢你的阅读。我是Jrain,欢迎关注我的专栏,将不定期分享自己的学习体验,开发心得,搬运墙外的干货。下次见啦!
关键字:JavaScript
版权声明
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!