摘要: 效果如下,有时可能会多个效果一起变化。要点一:box.onmouseover = function(){ startrun(box,{width:200,height:300},function(){ startrun(box,{opacity:100}) }) }通过json串可以传很多值,这样就可以同时改变很多属性了。要点二:遍历json串中的属性值对,找出所有的属性和对应的值,计算相应的数。并设置一个标识位,当没达到目标值时,标识位设为false,当标识位为true时,可以关闭定时器,执行下一次的调用最后,上代码<!DOCTYPE html><html><h 阅读全文
posted @ 2012-03-14 16:43 jingangel 阅读(514) 评论(0) 推荐(0) 编辑
摘要: 效果如下,添加新内容,会高度先变化,然后再渐显出来。 要点一:if(list_li.length>=1){ list.insertBefore(li,list_li[0]); }else{ list.appendChild(li); }从在前面插入新内容,如果没有新内容,就是在后面插入新内容。要点二: var height=li.offsetHeight; li.style.height='0';取得li的高度,然后再li的高度设置为0,因为高度的变化是从0到现有高度。要点三: startrun(li,"height",height,function( 阅读全文
posted @ 2012-03-14 14:01 jingangel 阅读(420) 评论(0) 推荐(0) 编辑
摘要: 效果如下,鼠标移上,先宽度变化,再高度变化,最后透明度变化,鼠标移出,再依次变回去。要点一:startrun(obj,attr,target,fn)box.onmouseover = function(){ startrun(box,"width",200,function(){ startrun(box,"height",200,function(){ startrun(box,"opacity","100") }); }); }如上面,函数也可以做为参数使用,就可以达到先执行某个动作,再执行某个动作的效果了。要 阅读全文
posted @ 2012-03-14 10:54 jingangel 阅读(8597) 评论(0) 推荐(0) 编辑