1、調用CSS樣式：
<link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="css/fractionslider.css">
2、調用JS插件代碼：
<script src="js/jquery-1.9.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.fractionslider.js" type="text/javascript" charset="utf-8"></script>
3、添加HTML代碼：
將<!--效果html開始-->......<!--效果html結束-->之間的html和js代碼；放在<body></body>之間。
4、初始化代碼：
<script language="javascript">
$(window).load(function(){
$('.slider').fractionSlider({
'fullWidth': true,
'controls': true,
'pager': true,
'responsive': true,
'dimensions': "1000,400",
'increase': false,
'pauseOnHover': true
});
});
</script>
