2015年10月_xiaobing_hope

12月 11月 10月 09月 07月 06月 05月 04月 03月

原创理解事件流及事件对象

理解事件流及事件对象事件流：描述的是从页面中接收事件的顺序，包括事件冒泡流和事件捕获流。现在大部分浏览器都使用的事件冒泡流。1. HTML事件处理程序在html代码中直接镶嵌js代码，实现事件处理程序。 2. DOM0级事件处理程序先把元素取出来，然后单独在js块中以添加属性的形式添加事件（最为常用）。 3. DOM2级事件处理程序（I

2015-10-24 12:35:19 885

原创 jQuery实现焦点图自动切换

jQuery实现焦点图自动切换1. 页面布局结构图：其中按钮切换区的按钮预定义了与图片基色调相同的颜色：2. 获取按钮切换区的li标签，并定义鼠标划过事件：（index为全局变量）将鼠标划过的当前li标签（按钮区域），给当前按钮加上class属性selectedsiblings()函数是找到当前li元素的所有同辈标签（即其他所有的按钮），并移除其cl

2015-10-10 16:10:57 2069

原创 jQuery制作瀑布流

jQuery制作瀑布流1. 瀑布流的图片包含在container的盒子，每张图片配文字说明放在box盒子中2. 将页面布局之后，主要解析js部分代码3. 页面加载完毕之后，执行js代码，绑定load事件，load事件执行imgLocation函数4. 首先获取每张图片的宽度（此处设定每张图片的宽度一样），获取每排摆放图片的张数。$(windo

2015-10-10 11:38:12 400

原创 jQuery常用函数 eq_next等

jQuery常用函数1. eq()函数在lis数组循环过程中，保存数组的下标为index ，将当前循环lis节点保存为liNode ，方便后面使用，查找对应div盒子时，通过eq()函数，和下标index得到，从而对其进行一些js操作。通过循环中的下标index ，判断点击的标签模块，从而对应加载相应的页面2.效果图$(thi

2015-10-08 11:53:36 666