前端筆記（一)

1、在html裡引入jq後，需要寫函式時，一定需要

<script type="text/javascript">
    $(document).ready(function(){
})
</script>

2、關於jquery.flexisel.js的運用

<script type="text/javascript">
    $(document).ready(function(){  //引入jq之後一定要有這個
    
        $("#flexiselDemo1").flexisel({
            visibleItems:4, //視覺化模組
            animationSpeed: 1000,
            autoPlay: true,
            autoPlaySpeed: 3000,
            pauseOnHover: true,
            enableResponsiveBreakpoints: true,
            responsiveBreakpoints: {
                portrait: {
                    changePoint:480,
                    visibleItems: 1
                },
                landscape: {
                    changePoint:640,
                    visibleItems:2
                },
                tablet: {
                    changePoint:768,
                    visibleItems: 3
                }
            }
        });
    });
</script>
<script type="text/javascript" src="js/jquery.flexisel.js"></script>

我是用flexisel做圖片的輪詢，用在ul元素中用id=flexiselDemo1，從而達到輪詢的效果。

3、關於html檔案的引入

我個人比較喜歡用jq引入檔案，用法如下：

//jq引入
        //引入導航欄bar.html
        $(".headerpage").load("bar.html");
        //引入腳部的固定部分
        $(".footerpage").load("footer.html");

//在html呼叫
<!-- header -->
    <div class="headerpage"></div>
<!-- //header -->

<!--footer-->
    <div class="footerpage"></div>
<!-- //footer-->