HTML5 陪你去看流星雨

2022-09-22 19:45:20 字數 858 閱讀 1586

在上一篇的基礎上

1、新增流星雨物件

//流星

var meteorrain = function()

/**************獲取隨機顏色函式*****************/

this.getrandomcolor = function ()

/***************重新計算流星座標的函式******************/

this.countpos = function ()//

/*****************獲取隨機座標的函式*****************/

this.getpos = function () //

/****繪製流星***************************/

this.draw = function () //繪製乙個流星的函式

this.move = function()

} 該物件已自帶繪製自己的方法,主要是設定漸變色,設定線寬,然後畫一條線

還有移動的方法,就是做偏移,將偏移後的尾巴清除,再重繪

2、初始化若干個流星

在onload監聽中加入:

//全域性變數

var rains = new array();

var raincount = 20;

//onload監聽中加入

//流星來了

for (var i=0;i

function playrains()

} settimeout("playrains()",50);}

然後在onload中加入**:

playrains();

4、新增背景**

收工!!

HTML5學習之 HTML 5 拖放

拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...

html5標籤屬性大全 HTML5

音訊格式 屬性 值描述 屬性 值描述 屬性值描述 屬性值描述 gz bjsh 屬性值 描述 required required 表單擁有該屬性表示其內容不能為空,必填 placeholder 提示文字 表單的提示資訊,存在預設值將不顯示 autofocus autofocus 自動聚焦屬性,頁面載入...

瘋狂html5講義(一) HTML5簡介

1.在html發展歷史中,最廣為人知的是html3.2和html4.01.2.將html與xml的長處加以結合,從而得到xhtml,xhtml是更嚴格 更純淨的html 3.w3c組織使用dtd document type definition,文件型別定義 來定義html和xhtml的語義約束,包...