<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Slides</title>
<link rel="stylesheet" href="slides.css">
</head>
<body>
<button type="button" class="prev handle" id="prev"><</button>
<div class="tips">F11进入全屏,[Enter,Space,→,↓]翻下一页,[Esc,←,↑]翻上一页 <a class="c-red" href="#" id="changeType">[切换风格]</a></div>
<section class="slides" id="slides">
<!--
要添加ppt页面,只需复制article标签一份,
article内部可随意修改,包括样式标签等
-->
<!-- 页面区 -->
<article class="page">
<h1>这里是页面1</h1>
<p>正文内容请添加到article标签内部</p>
</article>
<!-- /页面区 -->
<!-- 页面区 -->
<article class="page" >
<h1>这里是页面2</h1>
</article>
<!-- /页面区 -->
<!-- 页面区 -->
<article class="page" >
<h1>这里是页面3</h1>
</article>
<!-- /页面区 -->
<!-- 页面区 -->
<article class="page" >
<h1>这里是页面4</h1>
</article>
<!-- /页面区 -->
<!-- 页面区 -->
<article class="page">
<h1>这里是页面5</h1>
</article>
<!-- /页面区 -->
<!-- 页面区 -->
<article class="page">
<h1>这里是页面1</h1>
<p>正文内容请添加到article标签内部</p>
</article>
<!-- /页面区 -->
<!-- 页面区 -->
<article class="page" >
<h1>这里是页面2</h1>
</article>
<!-- /页面区 -->
<!-- 页面区 -->
<article class="page" >
<h1>这里是页面3</h1>
</article>
<!-- /页面区 -->
<!-- 页面区 -->
<article class="page" >
<h1>这里是页面4</h1>
</article>
<!-- /页面区 -->
<!-- 页面区 -->
<article class="page">
<h1>这里是页面5</h1>
</article>
<!-- /页面区 -->
<!-- 页面区 -->
<article class="page">
<h1>这里是页面1</h1>
<p>正文内容请添加到article标签内部</p>
</article>
<!-- /页面区 -->
<!-- 页面区 -->
<article class="page" >
<h1>这里是页面2</h1>
</article>
<!-- /页面区 -->
<!-- 页面区 -->
<article class="page" >
<h1>这里是页面3</h1>
</article>
<!-- /页面区 -->
<!-- 页面区 -->
<article class="page" >
<h1>这里是页面4</h1>
</article>
<!-- /页面区 -->
<!-- 页面区 -->
<article class="page">
<h1>这里是页面5</h1>
</article>
<!-- /页面区 -->
</section>
<div class="tips author">author: Der ( <a target="_blank" href="http://www.ueder.net" title="ueder">ueder.net</a> ) </div>
<button type="button" class="next handle" id="next">></button>
<!-- 幻灯片脚本 -->
<script src="slides.js"></script>
<script type="text/javascript">
//幻灯片
//可在样式表里添加相应的切换样式,添加到changeTypes数组里
new Slides({
changeTypes: ['slides', 'slides2'], //切换的风格样式
typeCount: 0 //默认第几种风格
});
</script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
基于html5的类PPT展示.zip
共5个文件
js:2个
css:2个
html:1个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 158 浏览量
2024-02-12
17:22:05
上传
评论
收藏 8KB ZIP 举报
温馨提示
html5开发
资源推荐
资源详情
资源评论
收起资源包目录
基于html5的类PPT展示.zip (5个子文件)
html5-Slides-master
slides.css 6KB
slides.html 4KB
slides.js 9KB
slides.min.css 5KB
slides.min.js 3KB
共 5 条
- 1
资源评论
博士僧小星
- 粉丝: 1946
- 资源: 5905
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功