shake
来源:互联网 发布:sql 合计 编辑:程序博客网 时间:2024/05/01 21:36
<style>
*{ margin:0; padding:0;}body{ background:#fff; font-family:Arial, Helvetica, sans-serif; background:#f9f9f9; font-size:14px; color:#333;}
.main{ width:600px; background:#fff; margin:0 auto; padding:20px 0; border:solid #ddd; border-width:0 1px; min-height:800px;}
.box{ width:240px; height:26px; line-height:26px; background:#f0f0f0; border:1px solid #ddd; text-align:center; font-size:14px; margin:20px auto;}
input.box{ width:240px; font-weight:900; color:#999; display:block; background:#fff; text-align:left;}
.red{ border:1px solid #d00; background:#ffe9e8; color:#d00;}
input.red{background:#ffe9e8;}
#box1{ cursor:pointer;}
.des{ margin:0 20px; padding:6px; line-height:20px; border:1px solid #ccc; color:#555;}
</style>
<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
<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(){
i++;
c = i%2 ? o+cls : o;
ele.attr("class",c);
if(i==2*times){
clearInterval(t);
ele.removeClass(cls);
}
},200);
};
function a(){
//domready 就闪动
shake($("#box"),"red",3);
//点击闪动
$("#box1").bind({
click:function(){
shake($(this),"red",3);
shake($("input[name=txtLoginID]"),"red",3);
return false;
}
});
);
};
shake($("input[name=txtLoginID]"),"red",3);
</script>
<body onload="a();">
<div class="main">
<p class="des">闪动提示,可以用于错误提示或其他吸引用户注意力的场合 <br>
shake(ele,cls,times)<br>
ele : jQuery Object [object] 要闪动的元素<br>
cls : Class Name [string] 闪动的类<br>
times : Number [Number] 闪动几次
</p>
<div id="box" class="box">打开就闪动</div><div id="box1" class="box">点击就闪动</div>
<input class="box" type="email" id="mail" placeholder="不是email地址就闪动" />
<input type="text" name="txtLoginID" class="TextInput" MaxLength="12" value="123" >
</div>
</body>
- shake
- SHAKE
- shake
- shake插补器
- Fair shake 一视同仁
- detect iphone shake
- ios中的shake
- poj 2317 SHAKE
- Shake Android UI Elements
- Camera Shake in Unity
- ios shake手势
- 2004-view-animation-shake
- JAVA连接Shake方法
- AccelerometerSensor--- shake案例
- Shake动画实现
- shake摇头效果
- POJ 2317 SHAKE 笔记
- Codeforces848D Shake It! -- DP
- 项目4--长方柱类
- dhtmlxgrid使用基础
- njhkl
- JS 函数内部同名对象
- python connect mysql
- shake
- SecureFX上传中文文件名乱码问题解决方案
- Base64编码
- Android Service - Tutorial
- window.location.href,window.location.replace(),window.location.reload() 三者的区别
- strcat 函数与strcpy是实现
- vpn服务器设置
- Android Application对象必须掌握的七点
- js 刷新页面window.location.reload();