新浪微博之链式运动
2016-08-24 09:53
225 查看
1、要想类似高度的属性达到自适应:(1)获取当前元素此属性值var iHeight=offsetHight(2)再把属性值为0(3)引入完美运动框架,将iHeight设为目标值
2、ul下加li会出现卡顿情况,原因是布局导致,解决方案是,将ul和li均换成div
3、
2、ul下加li会出现卡顿情况,原因是布局导致,解决方案是,将ul和li均换成div
3、
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{margin:0;padding:0;} #ul1{width:300px; height:300px;border:1px solid #000000;margin:10px auto;} #ul1 div{list-style: none;padding:2px;border-bottom: 1px dashed #000000; overflow: hidden;filter:alpha(opacity=0);opacity:0;} </style> <script src="move+1.js"></script> <script> window.onload=function(){ var oTxt1=document.getElementById('txt1'); var oBtn1=document.getElementById('btn1'); var oUl1=document.getElementById('ul1'); var aLi=oUl1.getElementsByTagName('div'); oBtn1.onclick=function(){ var oLi=document.createElement('div'); oLi.innerHTML=oTxt1.value; oTxt1.value=""; if(aLi.length){ oUl1.insertBefore(oLi,aLi[0]); }else { oUl1.appendChild(oLi); } var iHeight=oLi.offsetHeight; oLi.style.height=0; startMove(oLi,{height:iHeight},function(){ startMove(oLi,{opacity:100}); }); } } </script> </head> <body> <textarea id="txt1" rows="10" cols="40"></textarea><br/> <input id="btn1" type="button" value="发布"> <div id="ul1"></div> </body> </html>
相关文章推荐
- mysql init-file参数中语句限制
- CentOS 7 安装 GlusterFS
- 取消按钮功能
- 为 HTML 添加新元素
- Zend Studio使用教程之自定义并注册Zend Studio(1/2)
- 酷炫进度条 自定义SeekBar
- AUTOSAR和OSEK/VDX
- Shell排序
- Java中的CompareAndSet(CAS)
- 开始打理自己的博客
- Universal-Image-Loader
- Linux下指针NULL_0x0
- android 微信扫码支付模式一生成二维码 原生支付url参数错误
- Could not open/read file:///etc/pki/rpm-gpg/RPM-GPG-KEY-oracle
- 利用Python自动监控网站并发送邮件告警的方法
- CI框架--创建新闻条目
- c/c++软件工程师面试题
- C语言 结构体和指针详解及简单示例
- 取模算术
- spring使用Email邮件系统