|
 |
10³â Àü |
<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> |
|
̵̧ : 421 |
̵̧
¸ñ·Ï
|
|