php点击层,JavaScript_javascript实现点击按钮让DIV层弹性移动的方法，本文实例讲述了javascript实现点 - phpStudy...

javascript实现点击按钮让DIV层弹性移动的方法

本文实例讲述了javascript实现点击按钮让DIV层弹性移动的方法。分享给大家供大家参考。具体实现方法如下：

点击按钮让DIV层弹性移动特效

#div1{ background: #FFCC66; border:#FF6600 1px solid; height:100px; width:100px; position:relative; left:0px;}

var t=null;

function startMove()

{

if(t)

{

clearInterval(t);

}

t=setInterval(move, 30);

}

var step=0;

function move()

{

var odiv=document.getElementById("div1");

step+=(100-odiv.offsetLeft)/50;

step=step*0.98

odiv.style.left=odiv.offsetLeft+step;

}

希望本文所述对大家的javascript程序设计有所帮助。相关阅读:

SQL server 表数据改变触发发送邮件的方法

JS实现可关闭的对联广告效果代码

Android下的EXIF是什么

根据sql脚本修改数据库表结构的几种解决方案

c#编写的高并发数据库控制访问代码

解析PHP中的file_get_contents获取远程页面乱码的问题

从wamp到xampp的升级之路

如何打开MAC单应用模式将其他的应用窗口最小化

php blowfish加密解密算法

C#中使用XmlDocument类来创建和修改XML格式的数据文件

理解javascript闭包

Mysql DNS反向解析导致连接超时过程分析(skip-name-resolve)

JSP导出Excel文件的方法

Android中ViewPager实现滑动指示条及与Fragment的配合