우리가 사는 세상을 모두 알기엔 인생은 너무 짧다.!!

사이트관리

우측 하단에 자동으로 나타났다 사라지는 레이어

거북선인 2018. 3. 13. 12:04
반응형

우측 하단에 자동으로 나타났다 사라지는 레이어


http://amina.co.kr/bbs/board.php?bo_table=tip&wr_id=2256

<!-- 사이트 하단 레이어 -->

    <script>

        $(window).load(function () {

            $('#layer_ad').css({

                'position':'fixed',

                'bottom':0,

                'right':'20px',

                'padding':'10px',

                'font-size':'12px',

                'width':'250px',

                'height':'180px',

                'border-width':'1px 1px 0 1px',

                'border-color':'#aaaaaa',

                'border-style':'solid',

'background-color': '#fafafa',

            });

            setInterval(function() {

                if ($('#layer_ad').css('bottom') != '-200px') {

                    $('#layer_ad').animate({'bottom':'-200px'}, 'slow');

                } else {

                    $('#layer_ad').animate({'bottom':'0px'}, 'slow');

                }

            }, 7000);

        });

    </script>

 

<div id="layer_ad">

내용 넣어 주시고, 위젯을 활용 하시면 광고나 알림창으로 좋을듯 합니다.

</div>

 

 

************

페이지 접속시 1번만 노출 하시고자 하는 분은 

<!-- 사이트 하단 레이어 --> 
    <script> 
        $(window).load(function () { 
            $('#layer_ad').css({ 
                'position':'fixed', 
                'bottom':0, 
                'right':'56px', 
                'padding':'10px', 
                'font-size':'12px', 
                'width':'250px', 
                'height':'180px', 
                'border-width':'1px 1px 0 1px', 
                'border-color':'#aaaaaa', 
                'border-style':'solid', 
'background-color': '#fafafa', 
            }); 
            setInterval(function() { 
                if ($('#layer_ad').css('bottom') != '-200px') { 
                    $('#layer_ad').animate({'bottom':'-200px'}, 'slow'); 
                } //else { 
                    //$('#layer_ad').animate({'bottom':'0px'}, 'slow'); 
                //} 
            }, 5000); 
        }); 
    </script> 

페이지 접속시 한번만 노출됩니다. 사라졌다가 다시 나타나지 않습니다. 

************************************************************

 

<!-- 사이트 하단 레이어 --> 
    <script> 
        $(window).load(function () { 
            $('#layer_ad').css({ 
                'position':'fixed', 
                'bottom':0, 
                'right':'56px', 
                'padding':'10px', 
                'font-size':'12px', 
                'width':'250px', 
                'height':'180px', 
                'border-width':'1px 1px 0 1px', 
                'border-color':'#aaaaaa', 
                'border-style':'solid', 
                'color': 'white', 
                'background-color': '#ff5191', 
'z-index':'9999', 
            }); 
            setInterval(function() { 
                if ($('#layer_ad').css('bottom') != '-200px') { 
                    $('#layer_ad').animate({'bottom':'-200px'}, 'slow'); 
                } //else { 
                    //$('#layer_ad').animate({'bottom':'0px'}, 'slow'); 
                //} 
            }, 5000); 
        }); 
    </script> 


<div id="layer_ad"> 
    내용 넣어 주시고, 위젯을 활용 하시면 광고나 알림창으로 좋을듯 합니다. 
    </div> 

위젯 설정에서 썸네일 400*300 넣어 주세요.. 넣지 않으면 원본이 출력 됩니다... 

 

 

아래 스샷 이미지 참조


반응형