HTML旋转相册(0基础,1分钟学会)

 个人主页:个人主页

系列专栏:前端网页特效

热爱前端,有共同兴趣的小伙伴,一起交流哦

因为上传有大小限制,所以我减少了好多帧,导致展示的特效不是很好

大家可以放入好朋友的照片,然后给她看

具体效果大家亲自体验哦

 

所以特意给大家录制了视频:

csdn

有些小伙伴0基础小伙伴担心,我没有编程工具怎么办?

这个不需要编程工具的,只需要找30张图片改改名称就行

非新手可以跳过1-5步骤

1.新建一个文件夹

2.文件夹中新建img文件夹 以及一个txt文档

 3.复制本文中的代码粘贴到txt文档中

HTML旋转相册(0基础,1分钟学会)_第1张图片

 4.没有txt后缀的这样设置一下 

HTML旋转相册(0基础,1分钟学会)_第2张图片

5.把文件名称改为index.html

HTML旋转相册(0基础,1分钟学会)_第3张图片

 HTML旋转相册(0基础,1分钟学会)_第4张图片

 6.把图片放在img文件夹里面,大致需要30张

7.图片重命名为 1.jpg 2.jpg 3.jpg  以此规律命名 

HTML旋转相册(0基础,1分钟学会)_第5张图片

图片来源

 全部代码:





      
      
      
      图册
      
      
      



      
      

你可能感兴趣的:(前端小项目,前端,html,css,javascript)