但是如果用户提交的时候偏偏不填写就提交，这时我们一般都会弹出一个框来提醒用户。

但是有些小伙伴并不喜欢使用弹窗，觉得用户体验不好。

今天就有小伙伴问小编，有没有方法实现边框闪烁，以此来提醒用户。

讲真，javascript、jquery感觉就是万能的，就像没有什么实现不了的一样。

所以这个问题是肯定的，方法肯定有。

今天小编就分享Javascript实现边框闪烁的实例。

    <style>
    .selectshake{ border:1px solid #d00; background:#ffe9e8; color:#d00;}
    </style>
    <p>js边框闪烁</p>
    <input type="text" id="keytxt" value="" placeholder="请输入内容" />
    <input type="button" id="btn" value="提交" />
    <script>
    function shake(ele,cls,times){//边框闪烁
    	var i = 0,t= false ,o =ele.attr("class")+" ",c ="",times=times||2;
    	if(t) return;
    	t= setInterval(function(){
    		c = i%2 ? o+cls : o;
    		ele.attr("class",c);
    		if(i==2*times){
    			clearInterval(t);
    			ele.removeClass(cls);
    	},200);
    $("#btn").click(function(){
    	if ($.trim($("#keytxt").val())==''){
    		$("#keytxt").attr("placeholder","请输入内容");
    		$("#keytxt").focus();
    		shake($("#keytxt"),"selectshake",4);
    		return false;
    	}else{
    		alert('成功提交');
    </script>
以上代码的功能就是，当用户点击提交按钮的时候，如果文本框里面不输入信息，则无法提交。 
 
而且使文本框闪烁，用显眼的方式来提醒用户，这个地方是必须填写的。 
				
　　最近新做的一项目中有一块内容为充值部分，产品经理觉得在用户余额不足的时候，除了禁止用户选择和输入的按钮外，应该让用户的视线集中到提示内容上，这样就能根据提示的内容快速进行充值操作。于是几个研究来研究去，最终决定让提示框的边框闪烁来达到提醒目的。
由于项目需要兼容ie6，所以js成为了首选。考虑到js为单线程执行语言，于是递归超时调用方法为首选。
　　首先需要一个ID=blin...
本文承接自上文《CSS实现文字打字动画（+1白话讲解）》
提到闪烁动画，很多人可能会想起 &lt;blink&gt; 这个标签，亦或者是text-decoration: blink这个东西，但是这两者都有很大的局限性，身为"专业"前端开发者的我们怎么能满足于此呢？所以我们不得不去寻找一些其他的方法。
字体调回正常啦~
想法1: 让元素变成透明再变回原样
.ti...
&lt;head&gt;
.arrow_box{animation: glow 800ms ease-out infinite alternate; }
@keyframes glow {
        border-color: #393;
        box-shadow: 0 0 5px rgba(0,25...