- 博客(11)
- 收藏
- 关注
RSS订阅原创 用绝对定位实现无滚动条的全屏滚动
基础样式：/* 用通配符清除默认样式减少代码量，实际项目应对用到的标签清除默认样式*/*{margin:0;padding:0;list-style:none;}html,body,#content,.section{height:100%;width:100%;}html,body{position: relative;overflow: hidden;}#content{p...
2016-01-10 14:06:12
2600
原创 用window.scrollTo实现有滚动条的全屏滚动
有滚动条的全屏滚动 /* 用通配符清除默认样式减少代码量，实际项目应对用到的标签清除默认样式 */ *{margin:0;padding:0;list-style:none;} html,body,#x1,.section{ height:100%; width:100%; }
2016-01-10 14:04:01
1320
原创 getElementsByClassName函数的兼容写法
function getElementsByClassName(classname) { if(document.getElementsByClassName) { return document.getElementsByClassName(classname); } var eleArr = document.getElementsByTagName('
2016-01-10 11:22:14
1240
原创 动画封装四：用json实现多条样式的缓动运动
/* 用通配符清除默认样式减少代码量，实际项目应对用到的标签清除默认样式 */ * { margin: 0; padding: 0; list-style: none; outline: none; }
2016-01-02 23:46:42
1420
原创 动画封装三：单条样式的缓动运动
/* 用通配符清除默认样式减少代码量，实际项目应对用到的标签清除默认样式 */ * { margin: 0; padding: 0; list-style: none; outline: none; }
2016-01-02 23:38:11
605
原创 动画封装二：实现水平缓动运动
/* 用通配符清除默认样式减少代码量，实际项目应对用到的标签清除默认样式 */ * { margin: 0; padding: 0; list-style: none; outline: none; }
2016-01-02 23:31:58
591
原创 动画封装一：实现水平匀速运动
/* 用通配符清除默认样式减少代码量，实际项目应对用到的标签清除默认样式 */ * { margin: 0; padding: 0; list-style: none; outline: none; }
2016-01-02 23:28:40
738
原创 无缝滚动实现方式二：用父盒子的scrollLeft 实现
/* 用通配符清除默认样式减少代码量，实际项目应对用到的标签清除默认样式 */ * { margin: 0; padding: 0; list-style: none; } .inner{ width
2016-01-01 20:21:33
1150
原创 无缝滚动实现方式一：用自身的offsetLeft 实现
/* 用通配符清除默认样式减少代码量，实际项目应对用到的标签清除默认样式 */ * { margin: 0; padding: 0; list-style: none; outline: none; }
2016-01-01 20:17:28
996
原创 文档滚动对 scrollTop scrollLeft的兼容性封装
Document /* 用通配符清除默认样式减少代码量，实际项目应对用到的标签清除默认样式 */ * { margin: 0; padding: 0; list-style: none; outline: none; } htm
2016-01-01 16:08:53
1647
原创 用闭包实现含有定时器的tab栏的切换与函数封装
/* 用通配符清除默认样式减少代码量，实际项目应对用到的标签清除默认样式 */ * { margin: 0; padding: 0; list-style: none; outline: none; }
2016-01-01 15:40:50
736
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人