jQuery实现网页全屏切换，鼠标滚动切换，键盘上下键切换

最新推荐文章于 2019-04-04 14:26:39 发布

Akira_K

最新推荐文章于 2019-04-04 14:26:39 发布

阅读量2.1k

点赞数 3

文章标签： web前端 web前端个人简历

本文链接：https://blog.csdn.net/Akira_K/article/details/83474438

版权

jQuery实现网页全屏切换，鼠标滚动切换，键盘上下键切换

效果图连接：网页全屏切换（个人简历）
html代码：

 <ul id="tags">
       <li class="active">1</li>
       <li>2</li>
       <li>3</li>
       <li>4</li>
    </ul>
    <div class="wrapper" id="wrapper">
    	<div class="page">
    		<div class="page-wrapper">
            <div class="page01">
            </div></div>
    	</div>
    	<div class="page">
            <div class="page-wrapper">
                <div class="page02">
                </div>
            </div>
    	</div>
    	<div class="page">
            <div class="page-wrappe