溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Dreamweaver如何制作簡單的日歷模板

發(fā)布時間:2021-05-15 11:58:30 來源:億速云 閱讀:829 作者:小新 欄目:互聯(lián)網(wǎng)科技

這篇文章主要介紹Dreamweaver如何制作簡單的日歷模板,文中介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們一定要看完!

Dreamweaver中想要制作一個日歷,主要使用表格來制作,函數(shù)創(chuàng)建與調(diào)用,if語句與for語句、ID標(biāo)簽的應(yīng)用。

Dreamweaver如何制作簡單的日歷模板

1、打開Dreamweaver軟件,新建一個HTML文檔。在body標(biāo)簽加入onload="getRili()",用來調(diào)取下面步驟的函數(shù)。在body內(nèi)部新建一個div的標(biāo)簽并定義ID為date。如下圖:

Dreamweaver如何制作簡單的日歷模板

2、在新建文檔的<head></head>標(biāo)記里輸入<style type="text/css"></style>,這個標(biāo)記里用來設(shè)置一個CSS樣式。再輸入<script type="text/javascript"></script>標(biāo)記,用來創(chuàng)建日歷的制作。

Dreamweaver如何制作簡單的日歷模板

3、在<style type="text/css"></style>這個標(biāo)記里輸入一個CSS樣式,這里不再解釋樣式的作用。在<script type="text/javascript"></script>標(biāo)記里創(chuàng)建一個函數(shù)getRili()。

Dreamweaver如何制作簡單的日歷模板

4、下面開始講解函數(shù)內(nèi)部日歷的實現(xiàn)步驟,首先,命名我們需要用到的變量。這里先列出,下面用到時再做介紹。

Dreamweaver如何制作簡單的日歷模板

5、首先在函數(shù)里輸入兩個if語句,這兩個語句的功能是判斷是否為閏年,以此來設(shè)置二月份的天數(shù)。下面的row變量用來獲得每月所占用的行數(shù),也就是在頁面顯示的時候有幾行。str用來獲取我們要輸入的表格和文字。

Dreamweaver如何制作簡單的日歷模板

6、插入兩個for循環(huán),第一個for循環(huán)用來獲取周日到周六,并把輸出代碼保存入str。第二個for循環(huán),首先條件設(shè)定的意思是保證輸出當(dāng)月的行數(shù),代碼意思用來創(chuàng)建行。

Dreamweaver如何制作簡單的日歷模板

7、在第二個for循環(huán)嵌套一個for循環(huán),并設(shè)定if條件語句,用來判定從那一列開始輸出每月的幾號。假如剛好是當(dāng)天日期,改變當(dāng)前單元格的背景顏色。

Dreamweaver如何制作簡單的日歷模板

8、最后輸入的兩行代碼,第一行表示表格的結(jié)束。第二行是把生成的代碼,保存入ID為date的div。這樣一個日歷的制作就完成了!保存后運(yùn)行,就是第一幅圖片的樣子了!

以上是“Dreamweaver如何制作簡單的日歷模板”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI