坚强的小蚂蚁

2018年5月8日

摘要：一. 事件委托事件委托就是利用冒泡的原理，把事件加到父级上，来代替子集执行相应的操作，事件委托首先可以极大减少事件绑定次数，提高性能；其次可以让新加入的子元素也可以拥有相同的操作。比如有20个<li>，并且在每个li中都绑定事件的话很麻烦，可以把事件绑定在li的父级<ul>上例子1，实现效果是阅读全文

posted @ 2018-05-08 14:09 坚强的小蚂蚁阅读(314) 评论(0) 推荐(0)

事件冒泡

摘要： 1. 什么是事件冒泡在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序；如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达阅读全文

posted @ 2018-05-08 10:28 坚强的小蚂蚁阅读(271) 评论(0) 推荐(0)

2018年5月7日

jquery事件三 -- load(), ready(), resize()以及bind()事件

摘要：例子1 ready() DOM加载完毕 load() 元素加载完毕 resize() 浏览器窗口的大小发生变化二，bind() 使用bind()可以绑定多个事件，比如bind('click' mouseover', function(){...}，其中有2个参数，第一个参数表示事件，多个事件用空格阅读全文

posted @ 2018-05-07 17:05 坚强的小蚂蚁阅读(1902) 评论(0) 推荐(0)

jquery事件二 -- 选项卡，失去焦点

摘要：以之前的选项卡例子为原版，当选上某一个选项卡的时候，选项卡周围会有一个蓝色的边框影响视觉体验，那么应该怎么去掉这个边框色呢？只需要加一行blur()--失去焦点函数就可以了二. input框事件有三个关于焦点的事件函数常用于input框中，分别如下 blur() 元素失去焦点 focus() 元阅读全文

posted @ 2018-05-07 16:01 坚强的小蚂蚁阅读(433) 评论(0) 推荐(0)

jqury动画，循环

摘要：一。动画效果就是定义一个小盒子，让这个小盒子以动画的形式变化尺寸，二. 循环阅读全文

posted @ 2018-05-07 14:33 坚强的小蚂蚁阅读(354) 评论(0) 推荐(0)

jquery事件一 ---鼠标移入移出

摘要：比较一下几个jquery事件的区别mouseover() 鼠标进入（进入子元素也触发） mouseout() 鼠标离开（离开子元素也触发） mouseenter() 鼠标进入（进入子元素不触发） mouseleave() 鼠标离开（离开子元素不触发） hover() 同时为mouseenter和mouseleave事件指定处理函数用一个有背景的盒子为例子，加上margin-top的动画效果，使鼠标... 阅读全文

posted @ 2018-05-07 14:17 坚强的小蚂蚁阅读(2418) 评论(0) 推荐(0)

例子2--定时器之无缝滚动

摘要：效果图如下阅读全文

posted @ 2018-05-07 11:41 坚强的小蚂蚁阅读(220) 评论(0) 推荐(0)

2018年5月4日

例子3--元素绝对位置以及置顶菜单

摘要：一. 基本方法二. 例子 1. offset()绝对位置 2. 置顶菜单例子，验证页面滚动事件这种方法需求：网页上有一个菜单栏，位置在页面的200px处，想在拉动滚动条至200px时，固定这个菜单栏；当上拉小于200px时，这个菜单栏又回复自由。需要注意的是浏览器默认有8px的margin，所以阅读全文

posted @ 2018-05-04 11:09 坚强的小蚂蚁阅读(475) 评论(0) 推荐(0)

2018年5月3日

例子1--手风琴

摘要：手风琴效果非洲景色01 非洲景色02 非洲景色03 非洲景色04 非洲景色05 阅读全文

posted @ 2018-05-03 11:40 坚强的小蚂蚁阅读(140) 评论(0) 推荐(0)

2018年5月2日

jquery之链式调用，层级菜单

摘要：一. 链式调用的含义 jquery对象的方法会在执行完后返回这个jquery对象，所有jquery对象的方法可以连起来写：二. 层级菜单实例实现菜单项的打开与自动折叠，效果图如下阅读全文

posted @ 2018-05-02 14:53 坚强的小蚂蚁阅读(559) 评论(0) 推荐(0)

坚强的小蚂蚁

每天都要有收获

公告