首页 > 特效插件 > 表单按钮 >  输入框炫光效果js插件正文

输入框炫光效果js插件

特效介绍


    基于HTML5 Canvas+JavaScript的输入框炫光效果,当在输入框输入文字时,就会在键盘弹起的时候,闪烁白色边框同时,在光标的位置“迸发出”粒子炫光效果,很炫酷。
使用方法
1、将本插件下载下来,解压缩,将文件夹内的css和js放到项目中

2、引入css
<link rel="stylesheet" type="text/css" href="css/style.css">
3、在文档中放入input框
<input type="text" placeholder="请输入关键词">
4、引入js
<script type="text/javascript" src="js/index.js"></script>
5、注意点:
    ①、为了效果明显,在css中设置了body的背景色为深色,会影响到项目,不建议修改为白色背景,否则效果会大打折扣
    ②、js中默认会选中第一个input框执行效果,所以如果页面中有多个input,只会第一个生效,如果想生效多个,建议修改index.js
    ③、除了input,其他表单元素不生效,如果有需求,请修改index.js
下载 提取码/密码:u92m(点击复制密码) 预览