效果图

各位长友大家早上好！

今天给各位带来的是HTML5 JS全屏星空源码！

有想要文件版源码的可以私聊小编哦！

废话不多说，上源码！

CSS：

车身{ margin:0自动飞越：隐藏；}

/*=============页=============*/。标题{

margin:0自动

宽度：;

高度：640像素

背景色： # 000;

位置：相对；

}。标题画布{

宽度：;高度：auto/*默认全屏显示可自己设置高度640 px */；

显示：内嵌块；垂直对齐：基线

位置：值；

z-索引：-1;

}。标题canvaszz{ /*用来解决视频右键菜单，用于视频上面的遮罩层*/

宽度：;

背景图片： URL(img/in _ top _ bj。jpg)；

高度：640像素

位置：值；

z-索引：10;

filter:alpha(不透明度=40);

-moz-opa city 33600.4；

-khtml-opa city 3360 0.4；

opacity: 0.4

}。音频{

/*设置音乐显示位置*/

宽度：45px

位置：固定；top:65px左侧：94%;

z指数：100;

filter:alpha(不透明度=30);

-moz-opa city 33600.3；

-khtml-opa city 3360 0.3；

opacity: 0.3

}。标题top _徽标{

背景图片： URL(img/top _ logo。png)；

margin:0自动

宽度宽度：750像素

高度：200像素

位置：值；

z-索引：30;

top:10px

左侧： 50%;

边距-左：-390像素；

}。标题nav{

宽度：804px

高度：自动

位置：值；

z-索引：30;

top:420px

左侧： 50%;

边距-左：-400像素；

}。标题nav a.gv

text-decoration : none

背景： URL(img/nav _ gv。png)重复0px 0px

宽度： 130px

高度： 43px

显示器：块；

文本对齐：中心；/*水平居中*/

线高：43 px/*上下居中*/

光标：指针指针；

float:left/*左浮动*/

margin:8px 2px 8px 2px

font :18 px/43px '微软雅黑'；颜色： # 066197

}。标题nav a.gv跨度

显示器：无；

}。标题nav a.gv:hover {

背景： URL(img/nav _ gv。png)重复0px-43px；

颜色： # 1d 7 EB 8；

-web kit-box-shadow : 0 6px # 1d 7 EB 8；

过渡-持续时间： 0.5s

}。header.topcn

宽度： 980 px

top:200px

左侧： 50%;

边距-左：-490像素；

位置：值；

z-索引：20;

}