摘要：
前提：用JQ去实现轮播效果一步步的做一个梳理。 首先肯定是轮播的HTML和CSS样式了： 我用的是5张美女图片，包括左右2个按钮切换和中间5个小按钮悬浮切换效果如下： 下面来一步一步的去实现轮播的效果。 第一步：实现悬浮在中间的五个按钮去实现图片的切换。 首先我来说一下思路：.pic盒子包含.inn 阅读全文
摘要：
第一种：页面中的宽度都用百分比来做。 页面中盒子的高度不能设固定高度。开始学DIV+CSS布局的时候我给每个盒子都设置了固定的宽和高，这样页面做起来非常快，只需要先把页面整体的布局结构搞定，再往里面丢内容就行了，但是后来发现这样的结构是错误的，调整浏览器的宽度里面的内容可能会冲破盒子。正确的思路是高 阅读全文
摘要：
上次的tab切换的代码里面有很多重复的代码，需要做做优化，把重复的代码用函数封装起来调用。 优化前： 优化后： 代码中三处重复的for循环清除 className display的属性，和下面给当前索引添加属性，所以需要把他们封装成函数，但是三处也不是全部一样，索引的值不同，可以给封装的函数chan 阅读全文
摘要：
第一种:display:none和display:block切换 这是首先考虑到的实现方法，给 .drop-down-content 添加display:none，当悬浮在.drop-down上时 .drop-down-content的display变成block，缺点是不能添加过渡属性，慢慢弹出下 阅读全文
摘要：
首先是css样式，比如这样的： 注意:1.需要给.notice-tit这个盒子设置相对定位，ul设置绝对定位并且left:-1px(如果不设置-1，ul这个盒子不会和.notice-tit这个盒子完全重叠，因为.notice-tit有个1px 的边框); 2.要给ul下面的li标签设置左右paddi 阅读全文
摘要：
整理一下当悬浮在a元素上时a的上下边颜色改变，并且里面的内容不会移动，下面是PSD图效果区域： 刚开始我先给A元素加了上下边框和颜色，利用a:hover改变a元素上下的边框颜色，但是第一个a元素的下边框和第二个a元素的上边框会并列成2px的线，整体效果上不那么美观： 显示的效果： 悬浮时内容不会移动 阅读全文
摘要：
Javascript数据分为两大类：1.基础类型（原始类型数据） 2.引用类型。他们的存储方式是不同的 基础类型的数据存储是保存在栈内存中的： 例如： var a=1; var b=a; 上面的代码首先给变量a赋值1,存在栈内存中如上图,然后声明了变量b，并且把变量a的值复制一份给变量b，在栈内存中 阅读全文
摘要：
1.PS学习的整理： 常用的快捷键： 1.移动工具：V (作用：是用来移动图片的位置工具，可以鼠标拖动，也可以上下左右键精准控制位置) 2.选框工具：M（作用：建立一个选区，对所选区域上色，或者删除所选区域内容操作） 3.套索工具：L（同上） 4.魔术棒工具：W（作用：自动对于图片中某个区域进行选区 阅读全文
摘要：
案例一： 理解：定义的全局变量都是window对象的属性，而一些像alert()这样的默认方法为window对象下的方法。 案例二： 等价于： 理解：Javascript引擎会先扫描整个函数，把所有变量的声明提升到函数体顶部,在函数外面也是会先把全局变量的申明提升到顶部，这个叫变量的提升。 案例三： 阅读全文
摘要：
先说一下我之前学习Javascript的学习经历，然后就是最近几天学到以前没有注意的知识遗漏点。 1.之前的学习经历和方法： 最开始是看了Javascript DOM编程与艺术这本书，把慕课网上的《JS基础篇》，《JS进阶篇》，包括W3CJS教程都刷了一遍，然后才看的Javascript高级程序设计 阅读全文