本文摘自PHP中文网,作者coldplay.xixi,侵删。
用jquery实现闪烁文字效果的方法:首先获取到最新一条记事的pid,并在添加成功后来闪动这条记事;然后闪动的方法可以写到函数里,直接调用;最后有闪动就要有定时器,开启定时器即可。
本教程操作环境:windows7系统、jquery3.2.1版本,Dell G3电脑。
推荐:jquery视频教程
用jquery实现闪烁文字效果的方法:
1,先要获取到最新一条记事的pid,这个pid可以是后台给你接口中返回的值。
2,在添加成功后来闪动这条记事,
3,闪动的方法可以写到函数里,直接调用。
4,有闪动就要有定时器,开启定时器就要关闭定时器。
例子,在页面打开的时候闪动。
代码示例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 | <!DOCTYPE HTML>
<html>
<head>
<title>闪动提示</title>
<style>
*{ margin:0; padding:0;}
.box{color: #000}
.red{color:#d00;}
</style>
<script type= "text/javascript" src= "jquery-1.11.1.min.js" ></script>
<script>
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 (){
shake($( ".box" ), "red" ,3);
});
</script>
</head>
<body>
<div class = "box" >打开就闪动</div>
</body>
</html>
|
以下代码在提示两种点击闪动,和不同校验闪动,如form表单输入错误的闪动。
阅读剩余部分
相关阅读 >>
jQuery中的prop()方法怎么用
jQuery如何判断浏览器是否是ie6
jQuery怎么改变this指向
jQuery如何判断checkbox是否选中
使用jQuery能做什么
jQuery中$("#")和$("#"+xx)的区别
jQuery如何判断元素是否存在
如何使用jQuery的插件
jQuery如何使用css方法让按钮不可点击
jQuery日期控件怎么用
更多相关阅读请进入《jQuery》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 如何用jquery实现闪烁文字效果