这是一个使用jquery插件设计的简单易用的单页面网站。
这样做的好处就是可以用jquery库以及jquery插件缓冲网页加速,只要下载single.js插件,并且放到网页顶部调用即可,当然,还必须在html中调用本插件,即可搞定:
<div id="single">
<div data-target="home"> </div>
<div data-target="skills"> <a href="#" data-link="contact">Go To Contact</a> </div>
<div data-target="portfolio"> <img src="img/assassin.jpg" alt="Assassins Creed" data-img="true" width="100%" /> </div>
<div data-target="contact"> </div>
</div>
And you can call the plugin like that:
<script type="text/javascript">
$(document).ready(function(){
$("#single").single();
});
</script>