JS小作品
文章平均质量分 74
大海和云朵
技术不精干啥都是混日子
展开
-
滑动菜单[slidingMove.html]
1、误差不能消除,只是尽量减小误差,不让其差出多余1个像素 2、源代码: *{margin:0;padding:0;} #ul1{width:400px;height:30px;position:relative;margin:100px auto 0;} li{list-style: none原创 2016-08-27 09:55:22 · 385 阅读 · 0 评论 -
弹性运动之height的不适用
1、弹性运动有时面临过界的问题如:height 2、 #div1{width:100px;height:20px;background: red;} window.onload=function(){ var oDiv=document.getElementById(原创 2016-08-27 16:41:11 · 353 阅读 · 0 评论 -
伸缩菜单(同时淡入淡出)
声明:该小作品目前存在bug,后续会有解决 1、移不到div 2、频繁滑动鼠标会卡原创 2016-08-17 16:58:55 · 338 阅读 · 0 评论 -
多图片展示及运动框架总结
1、运动框架演变过程 startMove(iTarget) 运动框架之单物体 startMove(obj,iTarget) 多物体同时为每一个obj增加了自定义属性timer startMove(obj,attr,iTarget) 任意值之单个 startMove(obj,attr,iTarget,fn) 链式运动之单个值链式运动 startMove(obj,json原创 2016-08-20 07:30:16 · 277 阅读 · 0 评论 -
拖拽+碰撞+重力下的运动damp.html
#div1{width:100px;height:100px;background: red;position:absolute;} div{width:2px;height:2px;background: black;position:absolute;} wi原创 2016-09-02 23:04:54 · 985 阅读 · 0 评论 -
新浪微博之链式运动
1、要想类似高度的属性达到自适应:(1)获取当前元素此属性值var iHeight=offsetHight(2)再把属性值为0(3)引入完美运动框架,将iHeight设为目标值原创 2016-08-24 09:53:24 · 209 阅读 · 0 评论 -
无缝滚动(运动框架的灵活运用)
1、清空默认样式:*{margin:0;padding:0;} 2、当想不到更好的方法时就接受用当前想到的较可行的方法。 3、解决几个问题:(1)保持页面性能的前提下,让图片首尾相接。解决办法:复制一份图片(2)宽度不够出现折行,解决办法:oUl.style.width=aLi.length*aLi[0].offsetWidth+'px';(3)当走完第2份图片时,出现空白。解决办法:当出现从原创 2016-08-24 15:08:40 · 261 阅读 · 0 评论