Xin code tạo quảng cáo sticky ẩn hiện theo thời gian trên freetuts

Xin chào admin,

Mình tên là: Đỗ Xuân Tốt

Công việc hiện tại là: it support

Xin chào admin, em đang học lập trình web php, em đọc bài viết trên freetuts rất dễ hiểu và thường xuyên vào đọc, xin cảm ơn admin đã dành time biên soạn nội dung. em thấy trên web: freetuts có quảng cáo ở góc trái dưới màn hình khi tắt đi rồi khoảng 1 phút lại hiện lên. em muốn admin cho em xin đoạn code js xuất hiện khung quảng cáo đó được không ak, em xin cảm ơn. 

Trả lời

--------######--------

Chào bạn, mình gửi bạn đoạn code mẫu, bạn có thể tham khảo qua và viết theo ý mình nhé.

CODE MẪU RUN
<!DOCTYPE html>
<html>
    <head>
        <title>Freetuts.net</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
        <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
        <style>
            .ads{
                position: fixed;
                bottom: 0px;
                left: 0px;
                display: none;
                border: solid 1px red;
                min-width: 200px;
                min-height: 200px;
            }
            
            .ads span{
                position: absolute;
                top: -13px;
                right: -13px;
                display: block;
                width: 25px;
                height: 25px;
                border-radius: 50%;
                background: red;
                color: #fff;
                text-align: center;
                line-height: 25px;
                cursor: pointer;
            }
            .ads .close{
                position: relative;
                z-index: 999;
            }
        </style>
        <script language="javascript">
            $(document).ready(function(){
                var content = "<ins class='adsbygoogle' style='display:inline-block;width:300px;height:250px' data-ad-client='ca-pub-3652581368701082'    data-ad-slot='1633707842'><\/ins><script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script>";

                setTimeout(function(){
                    show_ads();
                }, 5000);

                $('.ads span').click(function(){
                    $('.ads').hide();
                    setTimeout(function(){
                        show_ads();
                    }, 10000);
                });

                function show_ads(){
                    $('.ads').show().find('.content').html(content);
                }
            });
        </script>
    </head>
    <body>
        <div class="ads">
            <div class="close"><span>X</span></div>
            
            <div class="content">
                
            </div>
        </div>
    </body>
</html>

Freetuts sử dụng theme GoodNews, code trên nền tảng Codeigniter, VPS mua tại Tinohost.
Sử dụng mã TINO30_2020 để được giảm 30% khi mua Hosting / VPS tại Tinohost.

TIN MỚI

menu png MENU notice png NEWS home png HOME hot gif BÁO
LỖI
top png TOP