|  
    | 
11³â Àü |  
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>  
<script type="text/javascript"> 
//<![CDATA[ 
$(document).ready(function() { 
        var Oposition = $(window).height()/2 - $("#slidemenu").height()/2; 
        $("#slidemenu").css('top', Oposition); 
 
        $('#tobottom').click(function(){  
                $('html, body').animate({scrollTop:$(document).height()}, 'slow');  
        });  
 
        $(window).scroll(function() { 
                var position = Oposition + $(window).scrollTop() ; //·¹À̾îÀÇ ¼¼·Î À§Ä¡ 
                $("#slidemenu").stop().animate({"top":position+"px"}, 1000); 
 
                if(position < $(document).height()/2) $("#slidemenu").html('<span id="tobottom">¾Æ·¡·Î</span>'); 
                else $("#slidemenu").html('<span id="totop">À§·Î</span>'); 
 
                $('#totop').click(function(){  
                        $('html, body').animate({scrollTop:0}, 'slow');  
                });  
                $('#tobottom').click(function(){  
                        $('html, body').animate({scrollTop:$(document).height()}, 'slow');  
                });  
         
        }); 
}); 
//]]> 
</script> 
<style type="text/css">  
#wrap{text-align:left;margin:0 auto;height:1000px;} 
#slidemenu{position:absolute;cursor:pointer; right:10px;} 
</style> 
</head> 
<body> 
<div id="wrap"> 
        <div id="slidemenu"><span id="tobottom">¾Æ·¡·Î</span></div> 
</div> |  
  
 |  
 ̵̧ : 486 | 
̵̧
¸ñ·Ï
 |   
 |