本文目录一览：
- 1、html5黑客帝国下面代码大概什么意思呀。谢啦
- 2、谁有比较好的用html写的静态网页源代码
- 3、怎么把黑客帝国的这段代码放在html主页的背后
- 4、我要黑客帝国里的数字流星雨代码，用html或asp写的
- 5、html网页制作、跪求源代码
- 6、很简单的html网页代码，求高手解读
html5黑客帝国下面代码大概什么意思呀。谢啦
HTML：
canvas id="c"/canvas
CSS：
canvas {display: block;}
JS：
var c = document.getElementById("c");
var ctx = c.getContext("2d");
//全屏
c.height = window.innerHeight;
c.width = window.innerWidth;
//文字
var txts = "0123456789";
//转为数组
txts = txts.split("");
var font_size = 16;
var columns = c.width/font_size;
//用于计算输出文字时坐标，所以长度即为列数
var drops = [];
//初始值
for(var x = 0; x columns; x++)
drops[x] = 1;
//输出文字
function draw()
{
//让背景逐渐由透明到不透明
ctx.fillStyle = "rgba(0, 0, 0, 0.05)";
ctx.fillRect(0, 0, c.width, c.height);
ctx.fillStyle = "#0F0"; //文字颜色
ctx.font = font_size + "px arial";
//逐行输出文字
for(var i = 0; i drops.length; i++)
{
//随机取要输出的文字
var text = txts[Math.floor(Math.random()*txts.length)];
//输出文字，注意坐标的计算
ctx.fillText(text, i*font_size, drops[i]*font_size);
//如果绘满一屏或随机数大于0.95（此数可自行调整，效果会不同）
if(drops[i]*font_size c.height || Math.random() 0.95)
drops[i] = 0;
//用于Y轴坐标增加
drops[i]++;
}
}
setInterval(draw, 33);
解释了的很详细了。
谁有比较好的用html写的静态网页源代码
html语言是网站建设中最基础的一种语言，如果你不太懂，可以去下载一个《网页百宝箱》里面全部都是常用的静态网页的案例！
下载吧！
怎么把黑客帝国的这段代码放在html主页的背后
!--使用position:absolute;z-index:100;--
canvas id="q"/canvas
div id="main" style=" position:absolute;z-index:100;top:10px;width:960px;height:400px;background:red;"123/div
script type="text/javascript"
var s = window.screen;
var width = q.width = s.width;
var height = q.height = s.height;
var letters = Array(256).join(1).split('');
var _div=document.getElementById("main");
_div.style.left=(width-960)/2+"px";//给主页面left定位;
var draw = function () {
q.getContext('2d').fillStyle='rgba(0,0,0,.05)';
q.getContext('2d').fillRect(0,0,width,height);
q.getContext('2d').fillStyle='#0F0';
letters.map(function(y_pos, index){
text = String.fromCharCode(3e4+Math.random()*33);
x_pos = index * 10;
q.getContext('2d').fillText(text, x_pos, y_pos);
letters[index] = (y_pos 758 + Math.random() * 1e4) ? 0 : y_pos + 10;
});
};
setInterval(draw, 33);
/script
我要黑客帝国里的数字流星雨代码，用html或asp写的
htmlstyle type="text/css"
!--
body {
background-color: #000000;
}
--
/style
Body
script language="JavaScript"
!--
if (document.all){
Cols=60;
Cl=20;//Space's are included so real length is 48!
Cs=20;
Ts=20;
Tc='#008800';
Tc1='#00ff00';
MnS=20;
MxS=30;
I=Cs;
Sp=new Array();S=new Array();Y=new Array();
C=new Array();M=new Array();B=new Array();
RC=new Array();E=new Array();Tcc=new Array(0,1);
document.write(" div id='Container' style='position:absolute;top:0;left:-"+Cs+"'");
document.write(" div style='position:relative'");
for(i=0; i Cols; i++){
S[i]=I+=Cs;
document.write(" div id='A' style='position:absolute;top:0;font-family:Arial;font-size:"
+Ts+"px;left:"+S[i]+";width:"+Ts+"px;height:0px;color:"+Tc+";visibility:hidden' /div");
}
document.write(" /div /div");
for(j=0; j Cols; j++){
RC[j]=1+Math.round(Math.random()*Cl);
Y[j]=0;
Sp[j]=Math.round(MnS+Math.random()*MxS);
for(i=0; i RC[j]; i++){
B[i]='';
C[i]=Math.round(Math.random()*1)+' ';
M[j]=B[0]+=C[i];
}
}
function Cycle(){
Container.style.top=window.document.body.scrollTop;
for (i=0; i Cols; i++){
var r = Math.floor(Math.random()*Tcc.length);
E[i] = ' font color='+Tc1+''+Tcc[r]+' /font';
Y[i]+=Sp[i];
if (Y[i] window.document.body.clientHeight){
for(i2=0; i2 Cols; i2++){
RC[i2]=1+Math.round(Math.random()*Cl);
for(i3=0; i3 RC[i2]; i3++){
B[i3]='';
C[i3]=Math.round(Math.random()*1)+' ';
C[Math.floor(Math.random()*i2)]=' '+' ';
M[i]=B[0]+=C[i3];
Y[i]=-Ts*M[i].length/1.5;
A[i].style.visibility='visible';
}
Sp[i]=Math.round(MnS+Math.random()*MxS);
}
}
A[i].style.top=Y[i];
A[i].innerHTML=M[i]+' '+E[i]+' ';
}
setTimeout('Cycle()',20)
}
Cycle();
}
// --
/script
/body
/html
演示地址：
网上找的代码，我给你改了下
html网页制作、跪求源代码
效果图，图片自己换，
html代码：
!DOCTYPE html
html
head
meta charset="utf-8"/
title泰国/title
link rel="stylesheet" type="text/css" href="css/index.css"/
script type="text/javascript" src="js/index.js"/script
/head
body
div class="box"
div class="titles"泰国/div
div class="img-box"
img class="auto-img" src="images/a001.jpg"/
/div
div class="text-box"
div class="text-box-a"
a href="#"曼谷、芭提雅(珊瑚岛、金沙岛)5晚7天/a
/div
div class="text-box-a"
东航直飞曼谷客机，入住1晚曼谷国际5星+4晚泰式5星酒店,芭提雅双岛(珊瑚岛+金沙岛)清...
/div
div class="text-box-a"
出发日期：星期一,星期二,星期三,星期四,星期五
/div
/div
div class="bottom ovf"
div class="fl text-a1"
班期：每周发团
/div
div class="fr"
div class="price"￥nbsp;4549/div
div class="rush-to-buy"立即抢购/div
/div
/div
/div
/body
/html
css样式：
html,body{
padding:0;
margin:20px 0 0;
}
a{
text-decoration:none;
}
.fl{
float:left;
}
.fr{
float:right;
}
.ovf{
overflow: hidden;
}
.box{
width:50%;
margin:0 auto;
border:1px dashed #000000;
padding:4px;
}
.titles{
width:100%;
text-align: center;
color:#ffffff;
background-color: #ff0000;
}
.img-box{
width:100%;
margin-top: 4px;
}
.auto-img{
display: block;
width:100%;
}
.text-box{
width:100%;
}
.text-box-a{
width:100%;
font-size: 14px;
line-height: 20px;
letter-spacing: 1px;
}
.text-box-aa{
color:#0089ff;
}
.bottom{
margin-top: 30px;
}
.text-a1{
font-size: 18px;
font-style: italic;
font-style:oblique;/*为保证斜体效果加一个*/
}
.price{
font-size: 16px;
color:#8B3E2F;
}
.rush-to-buy{
width:80px;
text-align: center;
background-color: #ff0000;
font-size: 16px;
}
很简单的html网页代码，求高手解读
html
head
meta http-equiv="Content-Language" content="zh-cn"
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
!--下面的tittle就是你网页最顶部的标签显示的内容--
title这是我的网页/title
meta name="keywords" content="这是我的网页"
meta name="description" content="这是我的网页"
/head
!--下面是body的开始，背景颜色为#808080--
body bgcolor="#808080"
!--下面是建立了一个div，style里面是这个div的属性，依次是位置属性、宽度、高度、层级、左边框离父元素距离、上边框离父元素距离、padding right/left/top/bottom、背景颜色--
div style="position: absolute; width: 450px; height: 550px; z-index: 1; left: 400px; top: 60px; padding-left: 60px; padding-right: 60px; padding-top: 90px; padding-bottom: 60px; background-color: #FFFFFF" id="layer1"
!--下面是建立了一个P元素，b标签是加粗字体的作用--
p align="center"b这是我的XXX页/b/p
/body
/html