写出小说滑动翻页的效果

小说

我们的生活已经离不开手机了，手机支付，手机导航，娱乐，获取新闻动态，与人沟通联系，工作生活都与手机息息相关。这是最好的时代，这也是最坏的时代。在压力环绕着我们的生活中，在闲暇时，寻求一个释放压力，缓解身心的方式早就变得必不可少了。而多种多样的途径中，最简单便捷的解压方式就是阅读小说了。

翻页的功能

屏幕可视区是有限的，那么当我们需要获取新的内容时，就需要下一页，并且再误触的情况下，还需要能够返回上一页。

代码

		

			

				　小说是以刻画人物形象为中心，通过完整的故事情节和环境描写来反映社会生活的文学体裁。出自《庄子·外物》。
人物、情节、环境是小说的三要素。情节一般包括开端、发展、高潮、结局四部分，有的包括序幕、尾声。环境包括自然环境和社会环境。 小说按照篇幅及容量可分为长篇、中篇、短篇和微型小说（小小说）。按照表现的内容可分为神话、仙侠、武侠、科幻、悬疑、古传、当代、浪漫青春、游戏竞技等。按照体制可分为章回体小说、日记体小说、书信体小说、自传体小说。按照语言形式可分为文言小说和白话小说。
小说与诗歌、散文、戏剧，并称“四大文学体裁”。小说刻画人物的方法：心理描写、动作描写、语言描写、外貌描写、神态描写，同时，小说是一种写作方法。
　小说是以刻画人物形象为中心，通过完整的故事情节和环境描写来反映社会生活的文学体裁。出自《庄子·外物》。
人物、情节、环境是小说的三要素。情节一般包括开端、发展、高潮、结局四部分，有的包括序幕、尾声。环境包括自然环境和社会环境。 小说按照篇幅及容量可分为长篇、中篇、短篇和微型小说（小小说）。按照表现的内容可分为神话、仙侠、武侠、科幻、悬疑、古传、当代、浪漫青春、游戏竞技等。按照体制可分为章回体小说、日记体小说、书信体小说、自传体小说。按照语言形式可分为文言小说和白话小说。
小说与诗歌、散文、戏剧，并称“四大文学体裁”。
小说刻画人物的方法：心理描写、动作描写、语言描写、外貌描写、神态描写，同时，小说是一种写作方法。小说是以刻画人物形象为中心，通过完整的故事情节和环境描写来反映社会生活的文学体裁。出自《庄子·外物》。
人物、情节、环境是小说的三要素。情节一般包括开端、发展、高潮、结局四部分，有的包括序幕、尾声。环境包括自然环境和社会环境。 小说按照篇幅及容量可分为长篇、中篇、短篇和微型小说（小小说）。按照表现的内容可分为神话、仙侠、武侠、科幻、悬疑、古传、当代、浪漫青春、游戏竞技等。按照体制可分为章回体小说、日记体小说、书信体小说、自传体小说。按照语言形式可分为文言小说和白话小说。
小说与诗歌、散文、戏剧，并称“四大文学体裁”。
小说刻画人物的方法：心理描写、动作描写、语言描写、外貌描写、神态描写，同时，小说是一种写作方法。小说是以刻画人物形象为中心，通过完整的故事情节和环境描写来反映社会生活的文学体裁。出自《庄子·外物》。
人物、情节、环境是小说的三要素。情节一般包括开端、发展、高潮、结局四部分，有的包括序幕、尾声。环境包括自然环境和社会环境。 小说按照篇幅及容量可分为长篇、中篇、短篇和微型小说（小小说）。按照表现的内容可分为神话、仙侠、武侠、科幻、悬疑、古传、当代、浪漫青春、游戏竞技等。按照体制可分为章回体小说、日记体小说、书信体小说、自传体小说。按照语言形式可分为文言小说和白话小说。
小说与诗歌、散文、戏剧，并称“四大文学体裁”。
小说刻画人物的方法：心理描写、动作描写、语言描写、外貌描写、神态描写，同时，小说是一种写作方法。小说是以刻画人物形象为中心，通过完整的故事情节和环境描写来反映社会生活的文学体裁。出自《庄子·外物》。
人物、情节、环境是小说的三要素。情节一般包括开端、发展、高潮、结局四部分，有的包括序幕、尾声。环境包括自然环境和社会环境。 小说按照篇幅及容量可分为长篇、中篇、短篇和微型小说（小小说）。按照表现的内容可分为神话、仙侠、武侠、科幻、悬疑、古传、当代、浪漫青春、游戏竞技等。按照体制可分为章回体小说、日记体小说、书信体小说、自传体小说。按照语言形式可分为文言小说和白话小说。
小说与诗歌、散文、戏剧，并称“四大文学体裁”。
小说刻画人物的方法：心理描写、动作描写、语言描写、外貌描写、神态描写，同时，小说是一种写作方法。小说是以刻画人物形象为中心，通过完整的故事情节和环境描写来反映社会生活的文学体裁。出自《庄子·外物》。
人物、情节、环境是小说的三要素。情节一般包括开端、发展、高潮、结局四部分，有的包括序幕、尾声。环境包括自然环境和社会环境。 小说按照篇幅及容量可分为长篇、中篇、短篇和微型小说（小小说）。按照表现的内容可分为神话、仙侠、武侠、科幻、悬疑、古传、当代、浪漫青春、游戏竞技等。按照体制可分为章回体小说、日记体小说、书信体小说、自传体小说。按照语言形式可分为文言小说和白话小说。
小说与诗歌、散文、戏剧，并称“四大文学体裁”。
小说刻画人物的方法：心理描写、动作描写、语言描写、外貌描写、神态描写，同时，小说是一种写作方法。小说是以刻画人物形象为中心，通过完整的故事情节和环境描写来反映社会生活的文学体裁。出自《庄子·外物》。
人物、情节、环境是小说的三要素。情节一般包括开端、发展、高潮、结局四部分，有的包括序幕、尾声。环境包括自然环境和社会环境。 小说按照篇幅及容量可分为长篇、中篇、短篇和微型小说（小小说）。按照表现的内容可分为神话、仙侠、武侠、科幻、悬疑、古传、当代、浪漫青春、游戏竞技等。按照体制可分为章回体小说、日记体小说、书信体小说、自传体小说。按照语言形式可分为文言小说和白话小说。
小说与诗歌、散文、戏剧，并称“四大文学体裁”。
小说刻画人物的方法：心理描写、动作描写、语言描写、外貌描写、神态描写，同时，小说是一种写作方法。
			
		
		

css样式代码

#box{
				width: 344px;
				height: 370px;
				padding-top: 68px;
				padding-left: 4px;
				background-image: url(1.jpg);
				background-repeat: no-repeat;			
			}
			div{
				width: 300px;
				height: 300px;
				overflow: hidden;
				margin: auto;
				text-shadow:0 0px 2px black;				
			}	
			.content{
				column-width: 300px;
				column-gap: 20px;
				border: none;
				overflow: visible;
			}

css样式里用了一张羊皮卷做背景，营造一种纸质版的氛围。text-shadow给字体加阴影，让字体显得更立体。
column-width行宽，column-gap行距。
js代码

js代码里的事件监听写了移动端的左滑与右滑；同时也写了pc端的鼠标控制左滑右滑。