day12 js轮播图

js完成导航栏轮播图

html代码

点击调用方法

<!--广告轮播栏-->
<div class="width1190">
    <ul id="adv">
        <li style="display: block;"><img src="images/lunbotu/fang1.jpg" alt="" id="pic"></li>
        <img src="images/lunbotu/l.png" id="prev" alt="" onclick="showPre()">
        <img src="images/lunbotu/r.png" id="next" alt="" onclick="showNext()">
    </ul>
</div>

js代码

    <script type="text/javascript">
        var pictsArr = new Array();
        pictsArr[0]="images/lunbotu/fang1.jpg";
        pictsArr[1]="images/lunbotu/fang2.jpg";
        pictsArr[2]="images/lunbotu/fang3.jpg";
        var index,timer = 0;
        window.onload =showPic;//默认调用showPic方法 不用加括号 
        function showNext() {
            //1.定时
            clearTimeout(timer);
            //2.点击之后下一页
            showPic();
        }
        function showPic() {
            if(index<(pictsArr.length-1)) {
                index++;
            }else {
                index=0;
            }
            document.getElementById("pic").src=pictsArr[index];
            timer=setTimeout("showPic()",2000);
        }
        function showPre() {
            //1.定时
            //2.点击之后上一页
            showPrePict();

        }
        function showPrePict() {
            if(index<=0) {
                index = pictsArr.length-1;
            }else {
                index--;
            }
            document.getElementById("pic").src=pictsArr[index];
        }

    </script>

不加括号原因：

加括号是调用方法 不加括号是把方法体“赋值”给某参数

加括号是调用方法，而window.onload 是要求把方法赋值给它的 所以 不用加括号

JS

和css 类似 js 推荐写在页面底部

mysql 读写分离

数据库 主从复制 半同步复制（防止数据丢失） 并复制

1.读写分离

2.主从复制 什么是。。 如何

3.数据丢失 为什么 。。。 版同步复制原理

4.数据延迟 为什么。。。 并发复制原理