jQuery实现仿即时通信软件头像闪烁效果的文字闪动提示代码

本文实例讲述了jQuery实现仿即时通信软件头像闪烁效果的文字闪动提示代码。分享给大家供大家参考，具体如下：

jQuery闪动的文字提示，仿即时通信软件头像闪烁闪动提示，可以用于错误提示或其他吸引用户注意力的场合。

摇动（元素、cls、时间)元素： jQuery对象[对象]要闪动的元素cls :类名[字符串]闪动的类乘以：数字[数字]闪动几次

注意，必须调用jQuery1.4.2及以上版本，否则网页下角会提示错误。

运行效果截图如下：

在线演示地址如下：

http://演示。JB 51。net/js/2015/jquery-txt-blink-style-alert-codes/

具体代码如下：

！DOCTYPE HTMLhtmlheadtitleQSL社区闪动提示/title style * { margin 33600；划水：0;}正文{ background: # fff字体系列Helvetica阿里亚尔：无衬线；背景# f9f 9 font-size :14 px；color: # 333}。主{宽度：600px背景# fffmargin :0 auto add :20 px 0；border:solid # ddd边框宽度宽度：0 1px最小高度：800 px} .盒子{宽度：240像素高度：26 px线高：26 px背景技术： # f0f 0；border:1px实心# ddd文本对齐：居中；font-size :14 px余量：20px汽车；}输入。box { width :240 px字体粗细：900；颜色： # 999显示：块；背景# ffft ext-向左对齐：} .红色{ border:1px固体# d00背景# ffe9e8color: # d00}输入。红色{背景： # FFE 9e 8；} # box1 { cursor:pointer}。des { margin :0 20pxpadding :6 px线高：20 pxborder:1px固体# cccccolor : # 555 }/style脚本类型=' text/JavaScript ' src=' http : jquery-1。6 .2 .量滴js '/脚本脚本函数shake(ele，cls，times){ var i=0，t=false，o=ele.attr('class ')' '，c=' '，times=times | | 2；如果(t)返回；t=SetInterval(函数(){ I；c=i%2？o cls : oele.attr('class '，c)；if(I==2 *倍){ clearInterval(t)；埃勒。移除CLaSS(cls)；} },200);};$(function(){ //domready就闪动摇($('#box ')，' red '，3)；//点击闪动$('#box1 ').bind({ click : function(){ shake($(this)，' red '，3)；返回false } })；//通不过邮件校验闪动$(“# mail”).blur(function(){ if(！/^\w([-]。]\ w)* @ \ w([-].]\w )*\ .\w ([-.]\w )*/.测试($(这个)).val())) { shake($(this)，' red '，3)；} } );});/script/head body div class=' main ' p class=' des '闪动提示，可以用于错误提示或其他吸引用户注意力的场合英国铁路公司摇动(ele，cls，times)br ele : jQuery对象[对象]要闪动的元素br cls :类名[字符串]闪动的类英国铁路公司乘以：数字[数字]闪动几次/pdiv id='box' class='box '打开就闪动/divdiv id='box1' class='box '点击就闪动/divinput class=' box ' type=' email ' id=' mail '占位符='不是电子邮件地址就闪动//div/body/html希望本文所述对大家jQuery程序设计有所帮助。