在上一篇的基礎上
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的語義約束,包...