jacelynfish-优快云博客

原创【笔记】JS事件模型再复习之笔记

写在前面：这已经是第四次翻红宝书复习JS事件模型了，之前有记过笔记在笔记本上，但是每次读完书都没有沉下心来写代码实现。最近在跟学长做项目，真的上手才发现很多细节都只记得个大概，于是决定再次阅读，写在博客里。----------DOM事件流事件冒泡：IE的事件流叫做事件冒泡(event bubbling)所有线代浏览器都支持事件冒泡，IE5.5及更早版本中的时间傲跑会跳过元素

2016-07-26 23:58:42 291

原创 JS运动框架

代码来自慕课网教程function starMove(obj, attr, target) { clearInterval(obj.timer); obj.timer = setInterval(function () { var incur = parseInt(getStyle(obj, attr)); var speed = (ta

2016-02-29 10:21:25 365

原创 CSS小技巧总结

block块中文字的上下居中：设置完height后文字本身的line-height属性设为同一数值；block块中文字的左右居中：不设置width属性，而padding的左右设置为0，上下设置数值，如设置为0 10px（10可以换成其他数）；在设置position:absolute之前，其父级元素设置为position:relative;之后，设定top和left的值以精确定位小三角块

2016-02-28 01:12:38 268

原创下拉菜单之CSS实现

CSS技术要点位置：一级菜单中当导航栏是横向导航，设置li的float为left；二级菜单中纵向导航，设置li的float为none(不能设置clear:both)以及菜单中的li标签position设置为relative，二级菜单中的ul的position属性设置为absolute，top为一级菜单的高度，left为0在a标签中：1. a标签的display属

2016-02-23 16:11:52 541

原创 JS瀑布流技术总结

JS瀑布流技术总结教程及代码来自极客学院http://www.jikexueyuan.com/course/218_3.html?ss=1使用JS做瀑布流效果，最重要的技术要点是将所有图片中每一栏（column）看成一个整体，以第一行的图片高度作为基本基调，以后每安排一个图片的位置，都要查找之前图片整体中哪一栏的整体高度最小，把图片放在那一栏下面，然后更新那一栏的整体高度；下一张图

2016-02-12 21:08:03 724

原创 JS固定侧边栏教程总结

JS固定侧边栏教程总结教程来自慕课网http://www.imooc.com/video/1019固定侧边栏的基本思路：计算侧边栏的实际高度，当滚动高度+可视页面高度大于侧边栏实际高度时，用JS的CSS文档化改变侧边栏的position为fixedscrollHeight+screenHeight > sideHeight/** * Created b

2016-02-12 16:46:10 3000

原创 JS回到顶部效果设计总结

回到顶部效果的基本思路：1. 创建一个a标签，display设置为none2. 在JS文件中注册click事件，利用回调函数setInterval()不断减少document.body.scrollTop的数值直到为0，并检查是否为0，如果是则调用clearInterval()3. 为了显示返回顶部时的缓冲效果，设置一个速度speed，是top的五分之一，每次document.body

2016-02-12 00:08:42 1428

souzy的博客