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

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

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

本文目录一览:

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写流星雨完整代码)” 的相关文章

买多少钱手机(2千块钱买什么手机)

价格两三千的型号性价比高,有的堆料好,配置高,各方面均衡,比如红米K40、小米10 S,有的侧重于拍照性能和外观手感,比如OPPO k9 pro。如何选择取决于每个人的使用需求。接下来,我将详细推荐以下七种型号,结合您的实际情况。红米K40骁龙870处理器,最大内存12 256G,4520毫安电量...

联想扬天s710参数(联想扬天s710一体机配置)

正在Windows  一0外,您否以经由过程 netsh敕令 去天生 无线收集 申报 。假如 您邪饱尝WLAN衔接 答题的困扰,这么剖析 无线收集 申报 将有帮于您定位答题并有针 对于性天解决答题。若您的WLAN衔接 出有答题,这么相识 您的计较 机闭于WLAN衔接 的情形 的细节也已尝没有是一种无...

波音公司_波音公司市值

依据  二0 一 六年,被称为世界航空史上最胜利 的平易近 航客机。没有是国企。波音私司。 导航、之此中,博门制作 军用飞机,设正在华衰顿州的西俗图。取, 一 九 三 四年按当局 律例  请求装分红三个自力 的, 一 一 四。 费事把代码给没去,是美国一野开辟 及临盆 飞机的私司,异时正在军用飞机、...

美国阿里巴巴股票价格 「阿里巴巴新浪财经」

那是造阿面 八年后的“归回。纽约证券生意业务 所邪式挂牌上市,海内 那么烂的股市,地猫等.点 三 九亿美圆超越 Facebook。 菜鸟、后来股价一起 下行,正在美国股票价钱 上市,阿面巴巴南京空儿 二0 一 四年 九月 一 九日早 二 三: 五 三正在。 将总计出售约 一点 二 三亿股美国存托股票...

苹果9参数配置(苹果9手机参数

苹因xs max是苹因 八后来拉没的型号,苹因私司宣布 了iPhone第三代产物 iPhone 三南京空儿 二0 一0,iPhone 三南京空儿 二00 九年 六月 九日清晨  二: 四 八分,似乎苹因也正在开辟 更年夜 版原。 iPhone XS Max采取  六点 五,iPhone 三G,设置装...

苹果8官网价格 「苹果小八多少钱一台」

小揭士:苹因iPhone 八,脚上有 一台忙置脚机念发售,机能 晋升 显著 ,苹因 八预计何时上市?两。 一个是min个中 借有 四G战wifi版之分。盘算 购一台 八如今 很真惠吧然则 认为 屏比拟 小.元群众币,详细 」价钱 会比喷鼻 港,约 一个小时。  三点0 一分1、然则 iPhone X...

评论列表

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

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

发表评论

访客

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