html相册代码大全

body {

position: absolute;

margin: 0px;

padding: 0px;

background: #fff;

width: 100%;

height: 100%;

}

#screen {

position: absolute;

left: 10%;

top: 10%;

width: 80%;

height: 80%;

background: #fff;

}

#screen img {

position: absolute;

cursor: pointer;

width: 0px;

height: 0px;

-ms-interpolation-mode:nearest-neighbor;

}

#bankImages {

visibility: hidden;

}

#FPS {

position: absolute;

right: 5px;

bottom: 5px;

font-size: 10px;

color: #666;

font-family: verdana;

}

<audio autoplay=“autoplay” loop=“loop” preload=“auto”

src=“http://music.163.com/song/media/outer/url?id=1827600686.mp3”>

代码3说明：

可以去我的资源下载完整代码。

代码3效果：

代码4：

<

>

<audio autoplay=“autoplay” loop=“loop” preload=“auto”

src=“http://music.163.com/song/media/outer/url?id=1824025894.mp3”>

代码4说明：

js文件没有给出，可以去我的资源下载。

代码4效果：

代码5：

<audio autoplay=“autoplay” loop=“loop” preload=“auto”

src=“http://music.163.com/song/media/outer/url?id=1497588709.mp3”>

代码5说明：

这个效果下载地址：代码5完整项目（含使用说明）

代码5效果（含背景音乐）：

演示地址：效果5演示地址

代码6：

允儿照片墙

表格

球球

螺旋

格子

林允儿

ID:兮夜女朋友

性别：女

想成为一个可以承担起责任的人

<audio autoplay=“autoplay” loop=“loop” preload=“auto”

src=“http://music.163.com/song/media/outer/url?id=1828026086.mp3”>

代码6说明：

css和js文件没有给出，可以去我的资源下载。

代码6效果：

代码7：

<audio autoplay=“autoplay” loop=“loop” preload=“auto”

src=“http://music.163.com/song/media/outer/url?id=1828026086.mp3”>

代码7说明：

电脑桌面新建一个txt文本，把代码复制进去，保存后右击重命名，把后缀改为html。最后需要自己建一个img文件夹存放图片。（和html文件放在一个文件夹下，里面的图片命名为1.jpg、2.jpg等，一共9张）

代码7效果：

代码8：