如何使用Axure實(shí)現(xiàn)顯示當(dāng)前時(shí)間
在瀏覽一些網(wǎng)站的時(shí)候,經(jīng)常看到一些網(wǎng)站的頭部顯示當(dāng)前年月和當(dāng)前時(shí)間,這種效果在網(wǎng)站中運(yùn)用廣泛。那么,這種效果是如何實(shí)現(xiàn)的呢?接下來(lái)我們將介紹如何使用Axure軟件來(lái)實(shí)現(xiàn)顯示當(dāng)前時(shí)間。 步驟一:打開(kāi)軟
在瀏覽一些網(wǎng)站的時(shí)候,經(jīng)??吹揭恍┚W(wǎng)站的頭部顯示當(dāng)前年月和當(dāng)前時(shí)間,這種效果在網(wǎng)站中運(yùn)用廣泛。那么,這種效果是如何實(shí)現(xiàn)的呢?接下來(lái)我們將介紹如何使用Axure軟件來(lái)實(shí)現(xiàn)顯示當(dāng)前時(shí)間。
步驟一:打開(kāi)軟件并選擇元件
首先,打開(kāi)Axure軟件,并在元件庫(kù)中選擇“二級(jí)標(biāo)題”元件,然后將其拖入畫(huà)布中。
步驟二:設(shè)置頁(yè)面載入時(shí)屬性
在選中元素后,在右上角找到“屬性”選項(xiàng),并點(diǎn)擊“更多事件”。在下拉框中選擇“頁(yè)面載入時(shí)”。
步驟三:設(shè)置文本屬性并編輯文本
在彈出的對(duì)話框中,依次選擇“設(shè)置文本”和“選擇當(dāng)前文件”,然后點(diǎn)擊設(shè)置文本屬性中的圖標(biāo)。點(diǎn)擊圖標(biāo)后,會(huì)彈出一個(gè)編輯文本頁(yè)面。
步驟四:添加日期和時(shí)間函數(shù)
在編輯文本頁(yè)面中,刪除文本框中所有文字。然后點(diǎn)擊“插入變量函數(shù)”,在下拉框中選擇“toLocaleDateString”日期函數(shù)。接著再次點(diǎn)擊“插入變量函數(shù)”,在下拉框中選擇“toLocaleTimeString”時(shí)間函數(shù)。最后,點(diǎn)擊確定。
步驟五:保存并預(yù)覽效果
最后,保存文件,并點(diǎn)擊預(yù)覽。在瀏覽器中查看效果,即可完成顯示當(dāng)前時(shí)間的效果制作。
總結(jié)
- 選擇適合的文字元件。
- 設(shè)置頁(yè)面載入時(shí)屬性。
- 添加交互參數(shù)并設(shè)置文本屬性。
- 插入日期和時(shí)間函數(shù)。
- 保存并預(yù)覽效果。