jquery文字闪动效果实例
本文导语: jquery文字闪动效果,实现原理: 1,先要获取到最新一条记事的pid,这个pid可以是后台给你接口中返回的值。 2,在添加成功后来闪动这条记事, 3,闪动的方法可以写到函数里,直接调用。 4,有闪动就要有定时器,开启定...
jquery文字闪动效果,实现原理:
1,先要获取到最新一条记事的pid,这个pid可以是后台给你接口中返回的值。
2,在添加成功后来闪动这条记事,
3,闪动的方法可以写到函数里,直接调用。
4,有闪动就要有定时器,开启定时器就要关闭定时器。
例子,在页面打开的时候闪动。
闪动提示
*{ margin:0; padding:0;}
.box{color: #000}
.red{color:#d00;}
function shake(element,className,times){
var i = 0,
t = false ,
o = element.attr("class"),
c = "",
timestimes = times||2;
if(t) return;
t = setInterval(function(){
i++;
c = i%2 ? o + ' ' + className : o;
element.attr("class",c);
if(i==2*times){
clearInterval(t);
element.removeClass(className);
}
},200);
};
$(function(){
//domready 就闪动
shake($(".box"),"red",3);
});
以下代码在提示两种点击闪动,和不同校验闪动,如form表单输入错误的闪动。
$("#box1").bind({
click:function(){
shake($(this),"red",3);
return false;
}
});
//通不过mail校验闪动
$("#mail").blur(
function(){
if(!/^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*/.test($(this).val())) {
shake($(this),"red",3);
}
}
);
- jquery slideToggle闪烁问题的解决办法
- Jquery实现无闪烁定时刷新的代码