源码搜藏网

jQuery+CSS3文字背景按钮jQuery+CSS3文字背景按钮是一款基于jQuery+CSS3实现的文字背景按钮鼠标悬停过渡动画效果代码。jQueryCSS3过渡效果鼠标悬停

    <script type="text/javascript">
        $(function () {
            $(".backc2").mouseover(function () {
                $(this).animate({ marginTop: "5px" }, 200);
            });
            $(".backc2").mouseleave(function () {
                $(this).animate({ marginTop: "10px" }, 200);
            });


            $(".backc3").mouseover(function () {
                $(this).animate({ marginTop: "5px" }, 200);
                $(this).animate({ marginTop: "10px" }, 200);
            });


            $(".backc4").mouseover(function () {
                $(this).fadeTo(300, 0.3);
            });
            $(".backc4").mouseleave(function () {
                $(this).fadeTo(300, 1);
            });


            $(".backc5").mouseover(function () {
                $(this).fadeTo(400, 0.3);
                $(this).fadeTo(400, 1);
            });


            $(".backc6").mouseover(function () {
                $(this).addClass("divradius").fadeTo(300, 0.3);
            });
            $(".backc6").mouseleave(function () {
                $(this).removeClass("divradius").fadeTo(300, 1);
            });
        });
    </script>