一、今天完成的事情

1、完成任务15，主要是轮播图的调试：图片底部焦点和图片的同步，以及左右的控制开关。原先用css写的，写了一堆。后来用jQuery写，感觉简单了很多。主要代码：

Qfast.add('widgets', { path: "js/terminator2.2.min.js", type: "js", requires: ['fx'] });
Qfast(false, 'widgets', function () {
   K.tabs({
               id: 'fsD1',   //焦点图包裹id
        conId: "D1pic1",  //** 大图域包裹id
        tabId:"D1fBt",
        tabTn:"a",
        conCn: '.fcon', //** 大图域配置class
        auto: 1,   //自动播放 1或0
        effect: 'fade',   //效果配置
        eType: 'click', //** 鼠标事件
        pageBt:true,//是否有按钮切换页码
        bns: ['.prev', '.next'],//** 前后按钮配置class
        interval: 3000  //** 停顿时间
    })
})

2、完成任务15部分深度思考问题。

二、明天计划的事情

1、继续学习js。

2、试写js任务1。

三、遇到的问题

任务15思考问题：

经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么?

1.PNG24位的图片在ie6浏览器上出现背景，解决方案是做成PNG8

2.浏览器默认的margin和padding不同。解决方案是加一个全局的*{margin:0;padding:0;}

3.ie6双边距bug:块属性标签float后，又有横行的margin情况下，在IE6显示的margin比设置的大

4.IE下，可以使用获取常规属性的方法来获取自定义属性，也可以使用getAttribute()获取自定义的属性；在FireFox下，只能使用getAttribute()获取自定义属性；解决方法：统一通过getAttribute()获取自定义属性

5.IE下，even对象有x,y属性，但是没有pageX,pageY属性；在Firefox下，even对象有pageX,pageY属性，但是没有x,y属性；解决方法：(条件注释)缺点是在IE浏览器下可能会增加额外的HTTP请求数

6.Chrome中文界面下默认会将小于12px的文本强制按照12px显示，可通过加入CSS属性-webkit-text-size-adjust:none解决。

四、收获

    学会用css和jQuery写轮播图。