当前位置:首页 > 黑客技术 > 正文内容

html流星雨代码怎么用(html写流星雨完整代码)

hacker2年前 (2022-06-28)黑客技术146

本文目录一览:

html代码的使用 ***

 一、基本框架

如同人一样,网页也包括了“头部”和“身体”,

<head>标记内包含着诸如网页标题、语言编码、网页描述等基本信息,而平时我们真正见到的网页内容均放在<body>标记内。现在先介绍一下<head>里的基本信息。

网页标题(标记格式为<title></title>)

创建网页标题文字:<title>标题</title> //此处书写的文字会显示在IE的标题栏上。

网页文档信息(标记格式为<meta>)

描述网页内容类型:<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> //该页面为TXT文本或HTML格式,语言编码方式为GB2312(即简体中文)。

描述网页的关键字信息:<meta name="keywords" content="这里是关键字">

对网页的详细描述:<meta name="description" content="这里是对该网页的介绍">

刷新网页:<meta http-equiv="refresh" content="5;URL=xxx.htm"> //5秒种后刷新,并链接到xxx.htm。

二、组成要素

无论网页如何千变万化,构成一个网页内容的最基本要素大体只有五种,即文字、图片、表格、超链接和表单控件,所以下面将围绕着这五个要素逐一列举介绍。

文字(标记格式为<font></font>)

指定文字字体:<font face="宋体">宋体文字</font>

指定文字大小:<font size="3">3号文字</font>

指定文字颜色:<font color="#FF0000">红色文字</font> //网页颜色采用16位编码,因此#FF0000表现为红色。大家可以查阅相关资料了解其他颜色的编码。

图片(标记格式为<img>)

<img src="images/pic.jpg" width="400" height="300" border="2" align="center">// src指定为路径地址,width为宽度,height为高度,border为边框大小,align为横向位置。

表格(标记格式为<table><tr><td></td></tr></table>)

<table width="400" height="300" border="1" align="center" cellpadding="2" cellspacing="2" bgcolor="#FF0000"><tr><td>此处添加文字或图片等</td></tr></table>// width、height、border、align与以上的例子作用一样,cellpadding为边框与单元格的间距,cellspacing为单元格之间的间距,bgcolor为表格背景色。

以上所介绍的元素都是只存在当前页中,而网页超链接的出现大大改变了人们的浏览习惯,可根据自己喜好,点击到相关链接查看网页信息。

超链接(标记格式为<a></a>)

<a href="xxx.htm" title="提示文字">链接文字或图片</a> //href为被点击后的链接页,title为鼠标悬停在链接文字或图片上后出现的提示文字。

表单控件(标记符号为<input>、<textarea></textarea>、<select></select>)

表单控件实现了人与网页的交互,像大家常去的论坛、购物站点等都有它的“身影”。

文本框:<input type="text" value="这是文本框"> //value为该控件的值,以下每个表单控件均可设定,不设默认为空

密码框:<input type="password">

单选框:<input type="radio">

复选框:<input type="check">

提交按钮:<input type="submit">

重置按钮:<input type="reset">

隐藏区域:<input type="hidden">

文本域:<textarea rows="6" cols="30"></textarea> //rows为行数,cols为宽度

列表框:<select><option>项目1<option>项目2<option>项目3</select>

编后:学习HTML的目的不是为了要用它来编写网页,因为利用很多软件的编辑功能就可以省掉一些编程的麻烦。最重要的是本文介绍了页面里最基本的元素,了解这些知识后可以分析网页的结构,学习高手们所使用的特殊效果。当然HTML代码的内容远不止这些,想要在网页设计方面发展的朋友学好它是非常必要的。

我要黑客帝国里的数字流星雨代码,用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

演示地址:

网上找的代码,我给你改了下

怎么使用流星雨代码

网页代码吗?我这有网页代码

htmltitle网页下雨/title

body bgcolor="#ffffff"

STYLE type=text/cssBODY {

FONT-FAMI *** : "隶书"; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; MARGIN-TOP: 0px

/STYLE

SCRIPT language=JavaScript

var no = 50;!--定义雨点的总数--

var speed = 1;!--定义下雨的速度--

var s, x, y, sn, cs;!--声明变量--

var a, r, cx, cy;!--声明变量--

var i, doc_width = 800, doc_height = 600;!--存储显示器的分辨率--

if (document.all) {!--如果是ie浏览器--

doc_width = document.body.clientWidth;!--获得窗口的宽度--

doc_height = document.body.clientHeight;!--获得窗口的高度--

x = new Array();!--存储所有雨点的横坐标--

y = new Array();!--存储所有雨点的纵坐标--

r = new Array();!--存储所有雨点的横坐标--

cx = new Array();!--存储所有雨点的横坐标--

cy = new Array();!--存储所有雨点的横坐标--

s = 8;

for (i = 0; i no; ++ i) {!--循环对所有的雨点进行初始化和显示--

initRain();!--初始化雨点--

if (document.all) {

document.write("div id=\"dot"+ i +"\" style=\"POSITION: ");!--创建新的层--

document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");!--显示雨点--

document.write("visible; TOP: 15px; LEFT: 15px;\"font color=\"black\"");!--颜色为红色--

document.write(",/font/div");

function initRain() {!--对雨点的初始化--

a = 6;

r[i] = 1;

sn = Math.sin(a);!--定义变量--

cs = Math.cos(a);!--定义变量--

cx[i] = Math.random() * doc_width + 1;!--初始化雨点横坐标--

cy[i] = Math.random() * doc_height + 1;!--初始化雨点纵坐标--

x[i] = r[i] * sn + cx[i];!--初始化雨点横坐标--

y[i] = cy[i];!--初始化雨点纵坐标--

function makeRain() {!--生成雨点--

r[i] = 1;!--雨点出现的纵坐标最小值--

cx[i] = Math.random() * doc_width + 1;!--横向速度--

cy[i] = 1;!--纵向速度--

x[i] = r[i] * sn + cx[i];!--获得下一次雨点的横坐标--

y[i] = r[i] * cs + cy[i];!--获得下一次雨点的纵坐标--

function updateRain() {!--更新雨点--

r[i] += s;!--

x[i] = r[i] * sn + cx[i];!--获得下一次雨点的横坐标--

y[i] = r[i] * cs + cy[i];!--获得下一次雨点的纵坐标--

function raindropIE() {!--对IE浏览器的下雨函数--

for (i = 0; i no; ++ i) {

updateRain();

if ((x[i] = 1) || (x[i] = (doc_width - 20)) || (y[i] = (doc_height - 20))) {!--判断雨点是否已经出了当前窗口边界--

makeRain();!--重新生成雨点--

doc_width = document.body.clientWidth;!--获得当前雨点所在层的宽度--

doc_height = document.body.clientHeight;!--获得当前雨点所在层的高度--

document.all["dot"+i].style.pixelTop = y[i];!--显示雨点--

document.all["dot"+i].style.pixelLeft = x[i];!--显示雨点--

setTimeout("raindropIE()", speed);!--根据speed值,动态更新下雨的图片--

if (document.all) {

raindropIE();!--如果是ie浏览器,调用相应的函数--

/SCRIPT

/body

/html

参考网站:

HTML代码怎么用

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的body标签中,输入html代码:hello world!。

3、浏览器运行index.html页面,此时页面成功以html的方式渲染了html代码,显示了内容。

HTML代码到底在哪里使用?

html!--html开始--

head!--head开始--

title/title!--网页标题--

/head!--head结束--

body!--内容开始--

img src="1.tif" /

a href="#"aaa/a

/body!--内容结束--

/html!--html结束--

PS:body之间是你放网页内容的地方,也就是浏览器中想看到的内容;title网页标题;head也就是网页内容之上的,就是标题那块的内容;html是你网页开始和结束;img src="" /这是插入图片,a href="#"这是对当前文字的链接/a

在这里这样是开始/带“/”的代表结束,像html开始/html这样结束

还有很多,这也是基础,慢慢学,早日学业成功

如何用html或者js *** 天降很多的滑稽还有代码雨的特效?

style

margin:0;

padding:0;

body {

background:black;

overflow:hidden;

.container {

width:20px;

height:60px;

position:absolute;

.nav {

height:20px;

width:20px;

display:block;

margin-top:12px;

border-radius:10px;

background:#33ccff;

opacity:0.8;

background: url(1.jpg) no-repeat center;

background-size: auto 100%;

/style

script

$(function() {

var w = window.screen.width;

var h = window.screen.height;

var count = 0;

var drop = function() {

this.v = Math.random() * 1 + 0.5;

this.left = Math.random() * w;

drop.prototype = {

constructor: drop,

create: function() {

count++;

var $drop = $('div class="eebd-7bc3-dc5a-f87e container"span class="7bc3-dc5a-f87e-607d nav"/span/div');

$drop.appendTo('body');

addCss: function() {

$('.container:last').css({

left: this.left + 'px'

dropEvent: function() {

var time = Math.floor(h / this.v);//下降速度

$('.container:last').animate({

top: h + 'px',

opacity: '1'

}, time)

function updata() {

if(count 200) {

for(var i = 0; i 100; i++) {

$('div:first').remove();

count = 0;

setInterval(function() {

var Drop = new drop();

Drop.create();

Drop.addCss();

Drop.dropEvent();

updata();

}, 50)

/script

扫描二维码推送至手机访问。

版权声明:本文由黑客24小时在线接单网站发布,如需转载请注明出处。

本文链接:https://www.cn-sl.com/133033.html

分享给朋友:

“html流星雨代码怎么用(html写流星雨完整代码)” 的相关文章

现在千足金多少钱一克_千足金回收多少钱一克最新

DOL,当然您收受接管 入珠宝店后,昨天千足金价钱 若干 钱一克?千足金尾饰价钱 若干 钱如今 ,否则 人野怎么进修 。QE,一高如今 千足金的价钱 正在若干 钱一克?正常添工费是一克要.确定 是收受接管 啊,借要万万 忘住购黄金时。  三 三 八元,正常的皆没有支, 二0 一 五年 五月 一 四日...

宝马mini cooper_宝马mini cooper艺术家

若干 啊费油 吗尔是父孩念购啊.以是 价钱 更贱,马的MINIONE战MINICOOPER区分,MINIONE:MINICOOPER,苏伊士运河发作 和平,而出生 王谢 的,批红判白 。 设计竞赛 ,次要正在于:动员 机罪率分歧 、以上的仅仅展垫,中心 台播过,前脸采取 关闭 式的六边形外型,貌似像...

天猫双十一购物津贴使用规则

每一年的单十一弄法 皆有更新,弄法 是愈来愈多,但仍保存 了一点儿经典弄法 ,好比 买物津揭。这么买物津揭是甚么意义呢?地猫单十一买物津揭运用规矩 是甚么?单十一买物津揭否以取哪些劣惠叠添?单 一 一买物津揭里值若干 元?一路 去相识 一高吧!...

新中国体育的发展?

章新胜:外国体育的成长 应该以体学联合 为主 二00 九年0 二月 一 六日 一 一: 三 八[尔去说二句][字号:年夜 外小]起源 :新华网 新华网哈我滨2月16日体育博电(忘者下删单)学育部副部少章新胜正在方才 终结 的2009年世界年夜 教熟冬日活动 会体育迷信年夜 会上说,外国体育的成长 应...

怎么在网上卖东西(怎么在网上卖东西实践)

网上售器械 怎么进修 互联网是人们自在生意业务 的孬仄台。当然,正在生意业务 进程 外,为了包管 本身 的好处 ,必需 相识 生意业务 两边 的详细 情形 ,防止 掉 来本身 的经济好处 。其次,假如 您念经由过程 网上售器械 进修 ,最佳没有要走传统的捷径,也便是年夜 多半 人走的路,以是 没有要...

手掌起皮是什么原因呀?(小孩手掌脱皮是怎么回事)

有时刻 有些人会由于 季候 的闭系,把脚上的皮剥失落 。有的没有严峻 ,有的严峻 到有伤心。尔该怎么办?脚 一咱们 晓得那战一小我 的身体艳量无关。有些人否能从小便有那个风俗 ,有些人出有。 二也有否能是本身 的生理 身分 形成的。固然 产生 率否能相对于较小,但没有解除 重要 、废奋等缘故原由 。...

评论列表

孤央并安
2年前 (2022-06-28)

码网页代码吗?我这有网页代码htmltitle网页下雨/titlebody bgcolor="#ffffff" STYLE type=text/cssBODY { FONT-FAMILY: "隶书"; FONT-S

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。