摘要:本次带来的是一组倒计时模板,HTML&CSS3打造。五个不同样式的界面。适合上线新品前使用。同样也适合前端入门的小伙伴进行源码阅读学习。

一组包含5套精美倒计时的HTML模板下载-稀土区

一组包含5套精美倒计时的HTML模板下载-稀土区

一组包含5套精美倒计时的HTML模板下载-稀土区

一组包含5套精美倒计时的HTML模板下载-稀土区

一组包含5套精美倒计时的HTML模板下载-稀土区

 /*
     ----------------------------------------------------------------------
     部分源码:Subscribe form
     ----------------------------------------------------------------------
     */

    $('#subscribe-form').submit( function() {

        if ( !valid_email_address( $("#subscribe-input").val() ) )
        {
            $("#subscribe-input").addClass("error");
        }
        else
        {
            var data_of_form = $(this).serialize();
            $.ajax({
                url: 'assets/php/subscribe.php',
                data: data_of_form,
                type: 'POST',
                success: function(data) {
                    if ( data == "success" )
                    {
                        $("#subscribe-input").val("");
                        $("#subscribe-submit").val(" ").addClass("btn-success");
                        setTimeout(
                            function(){
                                $("#subscribe-submit").val("Subscribe").removeClass("btn-success");
                            }, 5000
                        );
                    }
                    else
                    {
                        $("#subscribe-submit").val(" ").addClass("btn-error");
                        setTimeout(
                            function(){
                                $("#subscribe-submit").val("Subscribe").removeClass("btn-error");
                            }, 5000
                        );
                    }
                },
                error: function(){
                    $("#subscribe-submit").val(" ").addClass("btn-error");
                    setTimeout(
                        function(){
                            $("#subscribe-submit").val("Subscribe").removeClass("btn-error");
                        }, 5000
                    );
                }
            });
        }
        return false;
    });

    $("#subscribe-input").on("click", function() {

        $(this).removeClass("error");

    });

DEMO

资源下载

扫描下方二维码或者搜索微信搜索【xituarea】关注回复370即可获取下载链接!