슬라이드

이온디
2010년 11월 05일


<script type="text/javascript">slide_menu = true;</script>
<div id="slidemenu">apdhf</div>
{$content}
<div id="footer"></div>



jQuery(document).ready(function () {
   
    if(slide_menu == true) {
        fristPosition = document.getElementById('slidemenu').offsetTop;
        jQuery(window).scroll(function() {
            footer_y = document.getElementById('footer').offsetTop;
            currentPosition = jQuery(window).scrollTop();
            if(footer_y-fristPosition>currentPosition+250){
                jQuery("#slidemenu").stop().animate({
                    top:currentPosition+fristPosition
                },'slow');
            }
        });
    }
   
    /* widget menu */
   
    jQuery('#widget_menu_box .widget_menu li').hover(
        function () {
            if(selected != 'none') jQuery(('#widget_menu_box .widget_menu li.'+selected)).removeClass('item_on');
            jQuery(this).animate({
                height:"40px",
                width:"170px"
            },250);
        },
        function () {
            jQuery(this).stop();
            jQuery(this).animate({
                height:"28px",
                textIndent:"0px"
            },250);
        }
    );
    jQuery('#widget_menu_box').hover(
        function () {},
        function () {
            /* menu rollout */
            if(selected != 'none') jQuery(('#widget_menu_box .widget_menu li.'+selected)).addClass('item_on');
            if(selected != 'none') jQuery(('#widget_menu_box .widget_menu li.'+selected)).animate({
                height:"40px",
                width:"170px"
            },250);
        }
    );
});

※참조 : 엘카님의 스카이2 레이아웃 스킨에서 발췌함.

 
댓글은 로그인 사용자만 작성 가능합니다. 로그인하기