新建一个文件夹dome,
在文件下新建一个文件夹img 放入5张名称为1,2,3,4,5 格式为“.jpg”的图片文件。
在新建一个dome.html 文件 内容如下：
<html>
<head>
<meta charset="UTF-8"/>
<title></title>
<style type="text/css">
*{margin: 0padding: 0}
#a1{
width: 600px
height: 500px
border: 10px silver solid
animation:backgroundImg 5s infinite
-webkit-animation:backgroundImg 5s infinite
}
@keyframes backgroundImg{
0%{background-color: #0000FF}
25%{background-color: #0099FF}
50%{background-color: #00FFFF}
75%{background-color: #99FFFF}
100%{background-color: #FFFFFF}
}
@-webkit-keyframes backgroundImg{
0%{background-color: #0000FF}
25%{background-color: #0099FF}
50%{background-color: #00FFFF}
75%{background-color: #99FFFF}
100%{background-color: #FFFF00}
}
#backImg{
width: 500px
height: 490px
/*border: 5px red solid*/
margin-left:45px
z-index: 100
background-size:100% 100%
}
a:hover{
background-color:#0000FF
border: 5px springgreen solid
width: 20px
}
a{
display: block
z-index:
width: 30px
height: 30px
text-align: center
line-height: 30px
color: beige
font-weight: 300
border-radius:50%
font-size: 2em
background-color:#0099FF
position: absolute
top: 255px
box-shadow: none
}
#right{
left:580px
}
span{
display: block
width: 50px
height: 10px
background-color: #99FFFF
float: right
margin-left: 20px
position: relative
bottom: 50px
right: 100px
}
#show{
width: 200px
height: 100px
border: 1px red solid
position: absolute
bottom: 230px
right: 150px
background-size:100% 100%
}
</style>
</head>
<body>
<div id="a1">
<a id="left"><</a>
<a id="right">></a>
<div id="backImg"></div>
<div id="foot"></div>
</div>
<script type="text/javascript">
var div=document.getElementById("a1")
var backImg=document.getElementById("backImg")
var a_left=document.getElementById("left")
var a_right=document.getElementById("right")
var i=0
function backImage(){
i++
backImg.style.backgroundImage="url(img/" +i+".jpg)"
setTimeout(backImage,7000)
if(i>=5){
i=0
}
}
backImage()
a_left.onclick=function(){
i--
if(i<=0||i>5){
i=5
}
backImg.style.backgroundImage="url(img/" +i+".jpg)"
}
a_right.onclick=function(){
i++
if(i<=0||i>5){
i=1
}
backImg.style.backgroundImage="url(img/" +i+".jpg)"
}
for (var j = 0j <3j++) {
var span=document.createElement("span")
span.id="span_"+j
div.appendChild(span)
span.onmouseover=function(){
show(event)
}
}
function show(e) {
backImg.style.opacity="0.5"
var span = e.target
var div = document.createElement("div")
div.id = "show"
span.parentNode.appendChild(div)
console.log(span.id)
if(span.id=="span_2"){
i-=1
console.log(i)
if(i<=0||i>5){
i=5
}
div.style.backgroundImage="url(img/" +i+".jpg)"
}else if(span.id=="span_1"){
div.style.backgroundImage="url(img/" +i+".jpg)"
}else if(span.id=="span_0"){
i+=1
if(i<=0||i>5){
i=1
}
div.style.backgroundImage="url(img/" +i+".jpg)"
}
span.onmouseout = function() {
backImg.style.opacity="initial"
this.parentNode.removeChild(div)
}
span.onclick=function(){
backImg.style.backgroundImage="url(img/" +i+".jpg)"
}
}
</script>
</body>
</html>
问题一：手机上怎么制作图片幻灯片 其实安卓手机都有幻灯播放照片的功能，只是是否全屏播放的问题。你可以新建页面，点击空白处然后添加系统小组件，一般都会有“相框”这个组件的，如果可以手动调整相框尺寸，那就调大点。最后当然添加相片到里面，选择相册文件夹，再设置一下播放模式和切换效果即可。如果不喜欢这样，可以到各大APP市场搜相关软件。
问题二：手机怎么把照片做成幻灯片 方法一： 利用Powerpoint的相册功能，过程：在菜单中选择“新建”，打开“新建演示文稿”任务窗格，选择相册，选择“文件/磁盘”，在打开的“插入图片”对话框中选择你要制作成幻灯片的照片（可以选择部分或所有照片），单击“插入”，就OK了。你所选择的所有照片会自动形成为幻灯片文件！！！ 方法二： 利用Powerpoint的插入图片功能，将你所要的照片一张一张插入到幻灯片中即可。这些照片可以放在一张幻灯片上用“进入/退出”的自定义动画效果，设置播放时的顺序和特效；也可以放在不同的幻灯片中，逐步播放。 若你疑问可以MM我 方法三： 利用Powerpoint的“背景”设置功能，将你所要的照片设置成每张幻灯片的背景，一张一张播放，播放特效可以用自定义动画设置，也可以用幻灯片切换效果。
问题三：手机照片怎么制作幻灯片 一、工具
手机
手机PPT制作软件（例如兔展）
需要使用的图片
二、方法
使用手机PPT制作软件。
三、步骤
点击右侧图片选项→上传按钮→选择图片→确定。
问题四：如何用手机里面的图片做幻灯片？ ppt不能吧
问题五：怎样用手机制作幻灯片视频 先打开手机里制作幻灯片的东西，然后做就行了
问题六：手机照片怎么制作幻灯片 金山WPS office
问题七：怎么在手机上做幻灯片啊？ 美图gif这个软件可以做幻灯片
问题八：如何用手机做幻灯片 那要看你是什么手机了，有些智能机相册里面就有这个功能，也可能下载软件美图秀秀也可以，你试试吧
问题九：苹果手机怎么制作幻灯片 安装制作软件office
问题十：怎么在手机上用powerpoint做ppt?具体的步骤 不建议用手机做，要么用模板直接套用。手机编辑很繁琐的，而且不能自定义动画
