<script src="/js/jQuery.edgeButton-1.0.0.js" type="text/javascript"></script>
<link href="/css/jQuery.edgeButton-1.0.0.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
$(document).ready(function(){  
$("#myEdgeButton1").edgeButton({  
buttonText: "Наверх",  
rotateButton: "rotateLeft",  
colorText: "#ffffff",  
colorBackground: "#999999"  
});  

$("#myEdgeButton2").edgeButton({  
buttonText: "На страницу выше",  
buttonPrefix: "Button2",  
buttonDirection: "right",  
buttonFunction: "scrollUp",  
colorText: "#ffffff",  
colorBackground: "#999999"  
});  

$("#myEdgeButton3").edgeButton({  
buttonText: "На страницу ниже",  
buttonPrefix: "Button3",  
buttonDirection: "right",  
buttonFunction: "scrollDown",  
rotateButton: "rotateRight",  
buttonTop: 300,  
colorText: "#ffffff",  
colorBackground: "#999999"  
});  

$("#myEdgeButton4").edgeButton({  
buttonText: "Вниз",  
buttonPrefix: "Button4",  
buttonFunction: "scrollBottom",  
buttonTop: 200,  
colorText: "#ffffff",  
colorBackground: "#999999"  
});  
});  
</script>  

<div id="myEdgeButton1"></div>
<div id="myEdgeButton2"></div>
<div id="myEdgeButton3"></div>
<div id="myEdgeButton4"></div>