-
遇到变化速度运动时，一定要判断上下取整的问题。<br> speed=speed>0?Math.ceil(speed):Math.floor(speed);查看全部
-
Ps1：opacity：所有浏览器都支持 opacity 属性。 注释：IE8 以及更早的版本支持替代的 filter 属性。例如：filter:Alpha(opacity=50)。 Ps2：缓冲运动的速度值一定要转换成整数，不然将到达不了终点，是用Math.ceil(),还是Math.floor(),要看就提情况。查看全部
-
火狐调试工具： console.log(); 向控制台输出日志信息 Math.ceil() 向上取整 Math.floor() 向下取整 filter:alpha(opacity:30); opacity:03;查看全部
-
ex2.html查看全部
-
Ps1：/*JSON格式：*/ var json={a:0};//键值对{name:key} var json={a:0,b:1};//键值对{name1:key1,name2:key2}，多对 Ps2：/*for-in（for-each）*/ for(var i in json){ alert(i);//name值 alert(json[i]);//key值 }查看全部
-
1、小数在计算机中表示存在误差（alert(0.07*100)）结果不是7；我们使用Math.round函数来解决； 2、Math(parseFloat(getStyle(obj,attr))*100)使用这样的方法来获取透明度alpha的当前值 3、获取当前透明度不用parseInt 4、设置透明度要考虑兼容 obj.style.filter='alpha(opacity:'+(当前透明度+变化速度)+')'; obj.style.opacity=(当前透明度+变化速度)/100; 5、透明度不加“px” 在使用parseInt()时处理透明度小数时,会有影响 单位设置 相应位置进行判断 IE/FireFox 取相应值 Math.round()四舍五入取整数值 Math.round(parseFloat(getStyle(obj,attr))*100)查看全部
-
JS动画效果： 运动框架实现思路： 1.速度（改变值left,right,width,height,opacity) 2.缓冲运动 3.多物体运动 4.任意值变化 5.链式运动 6.同时运动查看全部
-
解决存在border时，div变大而不是缩小查看全部
-
运动框架思路查看全部
-
animate 速度以毫秒为单位或者 "slow" "fast"查看全部
-
行间样式： 1.过程：obj.stlye.width是样式中的块width；而obj.offsetWidth是显示的width(包括border之类的)，故obj.style.width=obj.offsetWidth-1=obj.style.width+borderWidth-1,当borderWidth＞1时,其实这是在加宽度而不是减宽度; 2.原型为parseInt ( Strings,[int radix])，用于解析一个字符串，并返回一个整数。还有parseFloat,则解析一个字符串，返回一个浮点数; 3.用js的style属性可以获得html标签的样式，但是不能获取非行间样式。即： 用document.getElementById(‘element').style.xxx可以获取元素的样式信息，可是它获取的只是DOM元素style属性里的样式规则，为了实现结构样式分离，减少行内元素，可封装函数来获取CSS里定义的style。对于通过class属性引用的外部样式表，就拿不到我们要的信息了。所以js用currentStyle和getComputedStyle获取css的非行间样式； 4.offsetWidth返回的是oDiv的 padding+border+width 值之和； 获取样式方法： 1、dom.style.xxx 这种写法只能获取行内样式 例如 <div ></div> div.style.width能获取到是200px，但是没有出现在 引号中的样式是获取不到的 2、万能方法(为了获取样式而封装好的函数) getComputedStyle(obj,false)[attr] 这个是标准方法，需要做一下兼容 currentStyle 是IE的 3、友情赠送获取任何样式的代码 function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; //针对IE浏览器 }else{ return getComputedStyle(obj,false)[attr]; //针对FireFox浏览器 } }查看全部
-
currentStyle 针对 IE 浏览器 getComputedStyle 针对 Firefox 浏览器查看全部
-
oDIv.style.width是字符串类型，而1是整数类型，在Java中是无法直接运算的，所以需要通过parseInt(）方法将字符串转换为数字（前提是其必须可以转换）；而在JS中，遇到减号是会自动转换成数字类型进行运算。所以上述代码在js中效果是一样的查看全部
-
1、过程：obj.stlye.width是样式中的块width；而obj.offsetWidth（offsetxxx的bug）是显示的width(包括border之类的)，故obj.style.width=obj.offsetWidth-1=obj.style.width+borderWidth-1,当borderWidth＞1时,其实这是在加宽度而不是减宽度； 2、用js的style属性可以获得html标签的样式，但是不能获取非行间样式。即： 用document.getElementById(‘element').style.xxx可以获取元素的样式信息，可是它获取的只是DOM元素style属性里的样式规则，对于通过class属性引用的外部样式表，就拿不到我们要的信息了。所以js用（IE）currentStyle和（火狐）getComputedStyle获取css的非行间样式（效果等价于刚刚用style.xxx获取的效果）； 3、var style = window.getComputedStyle("元素", "伪类");第二个参数“伪类”（如果不是伪类，设置为null）。 4、在用到obj.offsetWidth或者obj.offsetHeight的时候，如果，obj对象的样式有border等属性，则需要用getStyle()函数解决实际width和height值样式不兼容的问题。 //获取style样式（关键代码） function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,false)[attr]; } } 5、obj.style[attr]=icur+speed+'px';（推荐使用，因为style.attr不支持变量连接符）查看全部
-
1.速度 2.缓冲运动 3.多物体运动 4.任意值变化 5.链式运动 6.同时运动查看全部
举报
0/150
提交
取消