您现在的位置是:首页 > web开发 > jquery-plugin-multiscroll.js

jquery-plugin-multiscroll.js

web开发作者:dayu日期:4天前点击:0

<ulclass="active"><a href="#firstPage">First section</a></li>
	<li data-menuanchor="secondPage"><a href="#secondPage">Second section</a></li>
	<li data-menuanchor="thirdPage"><a href="#thirdPage">Third section</a></li>
</ul>
	<divname="firstPage">Some section</div>
		<div class="ms-section" name="secondPage">Some section</div>
		<div class="ms-section" name="thirdPage">Some section</div>
	</div>
	<div class="ms-right">
		<div class="ms-section" name="firstPage">Some section</div>
		<div class="ms-section" name="secondPage">Some section</div>
		<div class="ms-section" name="thirdPage">Some section</div>
	</div>
</div>

  

<script type="text/javascript">
	$(document).ready(function() {
	$(‘#multiscroll‘).multiscroll({
			sectionsColor: [‘#f2f2f2‘, ‘#4BBFC3‘, ‘#7BAABE‘, ‘whitesmoke‘, ‘#000‘],
			anchors: [‘firstPage‘, ‘secondPage‘,‘thirdPage‘],
	menu: ‘#myMenu‘
		});
});
	
</script>

  注意!!!需要下列文件

<link rel="stylesheet" type="text/css" href="jquery.multiscroll.css">
    <link rel="stylesheet" type="text/css" href="jquery-ui.min.css">
    <script src="jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="jquery-ui.min.js"></script>
    <script src="jquery.multiscroll.extensions.min.js"></script>

jquery-plugin-multiscroll.js

原文地址:http://www.cnblogs.com/cyany/p/7252264.html


下一篇       上一篇