javascript实现点击按钮让DIV层弹性移动的方法
2015-02-24 00:00
746 查看
本文实例讲述了javascript实现点击按钮让DIV层弹性移动的方法。分享给大家供大家参考。具体实现方法如下:
希望本文所述对大家的javascript程序设计有所帮助。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>点击按钮让DIV层弹性移动特效</title> <style type="text/css"> #div1{ background: #FFCC66; border:#FF6600 1px solid; height:100px; width:100px; position:relative; left:0px;} </style> <script type="text/javascript"> 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; } </script> </head> <body> <div id="div1"> </div> <input type="button" value="移动" onclick="startMove()"/> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。
相关文章推荐
- javascript实现点击按钮让DIV层弹性移动的方法
- javascript实现点击提交按钮后显示loading的方法
- javascript实现十秒钟后注册按钮可点击的方法
- javascript实现点击单选按钮链接转向对应网址的方法
- javascript实现点击单选按钮链接转向对应网址的方法
- javascript实现点击提交按钮后显示loading的方法
- JavaScript实现点击单选按钮改变输入框中文本域内容的方法
- JavaScript--点击按钮实现选中选项移动到指定位置(下拉框)或全部选项移动
- javascript实现点击后变换按钮显示文字的方法
- javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
- JavaScript实现点击按钮切换网页背景色的方法
- JavaScript实现点击按钮切换网页背景色的方法
- javascript实现十秒钟后注册按钮可点击的方法
- javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
- javascript实现点击后变换按钮显示文字的方法
- JavaScript实现点击单选按钮改变输入框中文本域内容的方法
- C#键盘输入回车键实现点击按钮效果的方法
- Android实现点击AlertDialog上按钮时不关闭对话框的方法
- GridView点击行按钮的时候固定滚动条的实现方法
- iOS tableviewcell左划自定义(带图片)删除按钮,点击任意地方取消删除的巧妙实现方法