jquery 常用代码

hover事件:

<script>
    $(function () {
    $(".pro_box a").hover(function(){
        $(".pro_box a img").eq($(this).index()).attr("src",$(".pro_box a").eq($(this).index()).attr("data-oimg"));
    },function(){
        $(".pro_box a img").eq($(this).index()).attr("src",$(".pro_box a").eq($(this).index()).attr("data-nimg"));
    });
    });
</script>

click事件:

<script>
    $(function () {
    $(".pro_box a").hover(function(){
        $(".pro_box a img").eq($(this).index()).attr("src",$(".pro_box a").eq($(this).index()).attr("data-oimg"));
    },function(){
        $(".pro_box a img").eq($(this).index()).attr("src",$(".pro_box a").eq($(this).index()).attr("data-nimg"));
    });
});
</script>

判断:

<script type="text/javascript">
    $(function () {
        var open = false;
        var first = true;
        if (first) {
            $("#open a i").addClass("icon-a-13Ashenglve");
            $("#open a i").removeClass("icon-guanbi");
            $(".mune").addClass("none");
            $("#cebian").css({ "background": "none", "width": "0", "height": "0", "top": "unset", "right": "0", "bottom": "0" });
            first = !first;
        }
        $("#cebian").click(function () {
            if (open) {
                $("#open a i").addClass("icon-a-13Ashenglve");
                $("#open a i").removeClass("icon-guanbi");
                $(".mune").addClass("none");
                $("#cebian").css({ "background": "none", "width": "0", "height": "0", "top": "unset", "right": "0", "bottom": "0" });
                open = !open;
            } else {
                $("#open a i").removeClass("icon-a-13Ashenglve");
                $("#open a i").addClass("icon-guanbi");
                $(".mune").removeClass("none");
                $("#cebian").attr("style", "");
                open = !open;
            }
        });
    });
</script>
© 版权声明
THE END
喜欢就支持一下吧
点赞10
评论 抢沙发

请登录后发表评论

    暂无评论内容