极速小乌龟

摘要： new document 练习：jQuery万能动画函数 阅读全文

摘要： 问题:效果受局限 解决:万能动画函数:animate() animation()可对数值类型的CSS样式执行定时器动画 包括:宽高，位置，透明度，边框宽度，字体大小 强调:不能对非数值类型属性做动画 包括:(颜色，背景图片，字体，display) 如何使用: $(...).animate(params,speed-速度,easing-效果,fn) 其中：params:{css属性1:值1，css... 阅读全文

摘要： 动画高级函数:基于底层函数又进行了封装两大块:简化版的动画函数和万能动画函数简化版动画函数显示/隐藏$().show; $(...).hide(); 强调:无参数的show()/hide()使用的是display属性 瞬间隐藏和显示 动画参数:speed： 2种:1.三档: fast normal 阅读全文

摘要： 1 动画 2 高级函数:基于底层函数又进行了封装 3 两大块:简化版的动画函数和万能动画函数 4 简化版动画函数 5 显示/隐藏$().show; $(...).hide(); 6 强调:无参数的show()/hide()使用的是display属性 7 瞬间隐藏和显示 8 动画参数:speed： 9 2种:1.三档: fast normal slo... 阅读全文

摘要： 1 2 3 4 5 手风琴效果 6 23 24 25 26 西游记简介: 27 28 29 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit voluptatibus necessitatibus quisqua... 阅读全文

摘要： 1 2 3 4 5 6 18 19 20 补充：使用hover(fn,fn)函数监听mouseover和mouseout两个事件 21 22 鼠标悬停在div上方，则突出显示；移出则取消突出显示 23 24 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Elige... 阅读全文

摘要： 1 2 3 4 5 在当前显示区范围内实现点不到的小方块 6 11 12 13 14 15 73 74 75 阅读全文

摘要： 1 取消事件:(阻止默认行为) 2 当事件执行过程中,遇到问题,可取消事件。不再触发 3 如何e.preventDefault(); 4 5 6 7 8 9 10 11 12 click me 13 20 21 阅读全文

摘要： 1 事件坐标: 2 1.参照屏幕左上角e.screenX,e.screenY 3 2.参照文档显示区左上角:e.clientX||e.x , e.clientY||e.y 4 3.参照所在父元素的左上角:e.offsetX , e.offsetY 阅读全文

摘要： 1 事件周期 2 DOM：3个阶段 3 1.捕获:从最外层元素,向内层元素,逐个记录绑定的事件处理函数。默认,暂不触发任何事件 4 2.目标触发:优先触发目标元素绑定的事件处理函数 5 目标元素:实际点击的元素 6 3.冒泡:按照捕获的顺序，由内层，向外层逐层触发捕获的事件处理函数 7 修改事件触发的顺序: 8 btn.addEventListener("事件名称",... 阅读全文