前端笔记（一)

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-->