javascript提示抖动实现方法

css代码：

<style type="text/css">#div1{ width:200px; height:200px; background-color:orange; border:solid 5px #f0f0f0;  position:absolute; left:600px; top:200px;}
</style>

js代码：

<script type="text/javascript">window.οnlοad=function(){           var oDiv=document.getElementById('div1');        oDiv.οnclick=function(){shake(oDiv,'left');}}//封装抖动方法function shake(obj,attr){           var arr=[];var timer=null;var num=0; var pos=parseInt(getStyle(obj,attr));      //通过数组实现抖动的频率for(var i=20;i>0;i-=2){arr.push(i,-i);}arr.push(0);//设置定时器实现抖动clearInterval(timer);timer=setInterval(function(){obj.style[attr]=pos+arr[num]+'px';num++;if(num==arr.length){clearInterval(timer);}},20)}//获取元素属性方法function getStyle(obj,attr){return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj,null)[attr];}
</script>

HTML：

<body><div id="div1"></div>
</body>

转载于:https://www.cnblogs.com/lvmylife/p/4565238.html

javascript提示抖动实现方法相关推荐

php 右下脚弹窗,JavaScript实现右下角弹出提示框的方法
在我们日常开发工作中,我们会经常遇到需要在页面的右下角弹出提示框或者广告的小功能,这样是为了更好的让用户体验,那么如何实现网页右下角弹出提示框呢?今天我们就带大家介绍下JavaScript实现右下角弹 ...
javascript指南_JavaScript还原方法指南
javascript指南 by Josh Pitzalis 通过乔什·皮茨卡利斯(Josh Pitzalis) JavaScript的Reduce方法的工作原理,使用时间以及它可以完成的一些出色工作 ...
Bootstrap3 弹出提示插件的方法
弹出提示插件的方法 1..popover (options) 使用一个可选的对象参数 options调用某个页面元素的弹出提示.如: $('#element').popover ({ placem ...
Exchange2007新建邮件页面里加涉密信息提示的实现方法（世博局）
关于在Exchange2007新建邮件页面里加涉密信息提示的实现方法(世博局) 1.修改editmessage.aspx(8.1.240.5/forms/premium/editmessage.asp ...
JavaScript提示层漂浮js特效代码
下载地址一款实用的JavaScript提示层漂浮特效代码,警告.提示.成功等,可以设置位置.基础调用Notify({ title: "Toast Message" });内容可以 ...
JavaScript常用的工具方法
JavaScript常用的工具方法 1.邮箱 2.手机号码 3.电话号码 4.是否url地址 5.是否字符串 6.是否数字 7.是否boolean 8.是否函数 9.是否为null 10.是否unde ...
ie的javascript语句失效修复方法
2007-01-20 01:01 ie的javascript失效了,不是设置的问题折腾了一晚上终于在水木上找到答案了,经过试验成功了.感谢这位haning.也希望转载之后,这篇文章能帮助更多的人. ...
php中使用confirm,如何使用JavaScript中的confirm()方法
confirm方法的使用:通过给元素设置confirm函数来创建一个带有确认和取消按钮的提示框,当点击确认时返回true,取消时返回false 今天将讲解JavaScript中confirm() 方法 ...
Javascript中二进制数据处理方法
Javascript中二进制数据处理方法转载于:https://www.cnblogs.com/motadou/archive/2012/02/19/2358514.html

javascript提示抖动实现方法

javascript提示抖动实现方法相关推荐

最新文章

热门文章