多盒子的运动---用目标值减去对象的变量属性(target
来源:互联网 发布:淘宝宝贝属性是什么 编辑:程序博客网 时间:2024/04/28 14:53
<script type="text/javascript">function move(obj,target){clearInterval(obj.timer);//obj.timer 是给每个div都添加上这个timer定时器obj.timer = setInterval(function(){//声明每次执行定时器的改变量为speed 即是缓冲运动的公式//(目标函数的值 减去 对象的变量) 除以10var speed = (target - obj.offsetWidth) / 10; //为上面的speed 向上取整 或 向下取整 以确保其改变值是整数 没有抖动现象//也可以是下面的三目运算写法//speed = speed>0? Math.ceil(speed):Math.floor(speed); 三目运算 if(speed>0){speed = Math.ceil(speed);}else{speed = Math.floor(speed);}obj.style.width = obj.offsetWidth + speed +'px';},30);}window.onload = function(){var oDiv = document.getElementsByTagName('div');var timer = null;//因为是多个盒子的运动 所以需要遍历for(var i = 0; i<oDiv.length; i++){oDiv[i].onmouseover = function(){move(this,300);}oDiv[i].onmouseout = function(){move(this,100);}}}</script>
阅读全文
0 0
- 多盒子的运动---用目标值减去对象的变量属性(target
- 减去腹部赘肉的运动动作
- js的盒子运动效果
- 盒子的运动(配合定时器)
- 标签的 target 属性
- Target的属性
- 标签的 target 属性
- form的target属性
- 标签的target属性
- target 属性的用法
- <a> 的target 属性
- Html的target属性
- form的target属性
- iframe的target属性
- iframe的target属性
- iframe的target属性
- target属性的值
- target的属性值
- iTerm2
- 第十单元
- 083 定积分总结
- [Flink]Flink1.3 指南二 安装与启动
- Linux_下的jdk环境变量配置
- 多盒子的运动---用目标值减去对象的变量属性(target
- Android判断网络状态是否可用的
- 机器学习中的L0,L1,L2讲解
- Struts 2中<s:action>标签的用法
- TextureView 的使用
- 构造器的深入理解
- ionic单选框redio
- shell脚本简介
- RecyclerView直播聊天界面判断最后一条消息位置