html5小遊戲基礎知識

2022-09-15 18:30:11 字數 1136 閱讀 4188

顯示乙個div和隱藏乙個div

首先,我們要顯示乙個div和隱藏乙個div需要使用css裡面使用:

.hide

.show 

在需要顯示或隱藏的div輸入:

id="title" class="show">

id="title" class="hide">

還有一種點選顯示和隱藏方法:

js裡面的:

function fun()

id="title" onclick="fun()">

另外一種方法:

在js裡面需要封裝乙個函式:

function showdiv(id)

function hidediv(id)

只需要在需要顯示或隱藏的div裡面輸入:

id="stop" onclick="showdiv('end')">

123需要注意的是:在輸入id時,需要加引號。

首先定義1個動畫名稱:

@keyframes myfirst

100%

}再將定義的動畫新增到需要實現移動的div上  

#div

就能夠實現背景的移動

在乙個大div裡面,有個小的div,我們需要移動小的div,而不影響大的div有3種方法:

1、設定大的div邊框,這樣移動小的div,大div就不會跟隨移動了。

在css裡面:

#div1

#div2

2.設定小的div的padding的值,需要注意的是,設定padding想上移動,需要在div的高度上進行相減,不然會改變div 的大小。

#div2

3.在大div和小div之間加上乙個空格和div,設定div的高度為0。

在js裡面,結束動畫移動的時候,我們想讓等上幾秒才顯示另外乙個div

需要以下幾步:

1,給之前定義的時鐘器命名乙個id

然後再取消時鐘器。

2,再呼叫settimeout

function gameover(),2000)

}這樣就能實現結束時鐘器時,過2秒,顯示fun()裡面的內容。

HTML5 基礎知識(三)

em元素用於標記強調的文字 cite元素用於標識對藝術作品 電影 圖書等內容的引用 內容顯示的樣子與為其使用的元素沒有關係,不能為了讓文字變為斜體就使用em或cite元素,新增樣式是css的事情。段落 html會忽略文字編輯器中輸入的回車或其他額外的空格。在網頁中開始乙個新的段落,應該使用p元素。格...

html5的基礎知識

是宣告html5文件 不區分大小寫 是頁面的根元素 包含文件的元 meta 資料,例如定義網頁編碼格式為utf 8 描述了文件的標題 包含了可見的頁面內容 為大標題,從大到小可用從h1 h6 為乙個段落 標籤經常是成對出現的,第乙個為開始標籤,第二個為結束標籤 html的檔名字尾可用.html也可以...

HTML5前端基礎知識學習

web前端應用需要瀏覽器作為載體,目前可供選擇的瀏覽器型別非常多,選擇款合適的瀏覽器,對於體驗htmls的效果將會有很大的幫助。另外,選擇得心應手的開發工具,也能夠更好地掌握htmls的開發技巧,提高開發實際效果。對於簡單的html網頁,使用記事本就可以完成頁面布局和顯示,對於稍複雜的一些html網...