- 博客(11)
- 收藏
- 关注
原创 用绝对定位实现无滚动条的全屏滚动
基础样式:/* 用通配符清除默认样式减少代码量,实际项目应对用到的标签清除默认样式*/*{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 2602
原创 用window.scrollTo实现有滚动条的全屏滚动
有滚动条的全屏滚动 /* 用通配符清除默认样式减少代码量,实际项目应对用到的标签清除默认样式 */ *{margin:0;padding:0;list-style:none;} html,body,#x1,.section{ height:100%; width:100%; }
2016-01-10 14:04:01 1322
原创 getElementsByClassName函数的兼容写法
function getElementsByClassName(classname) { if(document.getElementsByClassName) { return document.getElementsByClassName(classname); } var eleArr = document.getElementsByTagName('
2016-01-10 11:22:14 1241
原创 动画封装四:用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 607
原创 动画封装二:实现水平缓动运动
/* 用通配符清除默认样式减少代码量,实际项目应对用到的标签清除默认样式 */ * { margin: 0; padding: 0; list-style: none; outline: none; }
2016-01-02 23:31:58 594
原创 动画封装一:实现水平匀速运动
/* 用通配符清除默认样式减少代码量,实际项目应对用到的标签清除默认样式 */ * { margin: 0; padding: 0; list-style: none; outline: none; }
2016-01-02 23:28:40 743
原创 无缝滚动实现方式二:用父盒子的scrollLeft 实现
/* 用通配符清除默认样式减少代码量,实际项目应对用到的标签清除默认样式 */ * { margin: 0; padding: 0; list-style: none; } .inner{ width
2016-01-01 20:21:33 1152
原创 无缝滚动实现方式一:用自身的offsetLeft 实现
/* 用通配符清除默认样式减少代码量,实际项目应对用到的标签清除默认样式 */ * { margin: 0; padding: 0; list-style: none; outline: none; }
2016-01-01 20:17:28 998
原创 文档滚动对 scrollTop scrollLeft的兼容性封装
Document /* 用通配符清除默认样式减少代码量,实际项目应对用到的标签清除默认样式 */ * { margin: 0; padding: 0; list-style: none; outline: none; } htm
2016-01-01 16:08:53 1650
原创 用闭包实现含有定时器的tab栏的切换与函数封装
/* 用通配符清除默认样式减少代码量,实际项目应对用到的标签清除默认样式 */ * { margin: 0; padding: 0; list-style: none; outline: none; }
2016-01-01 15:40:50 736
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人