一個優(yōu)秀的網(wǎng)頁絕不僅僅是一個靜態(tài)的頁面,在網(wǎng)頁當(dāng)中洗出,還應(yīng)該存在著一些點擊或者觸摸等主動觸發(fā)事件,當(dāng)用戶點擊頁面上某處的時候帘营,頁面會相應(yīng)的發(fā)生一些動態(tài)變化票渠,這就是網(wǎng)頁的觸發(fā)事件。Hype作為一款專業(yè)的Mac端網(wǎng)頁制作軟件仪吧,同樣支持觸發(fā)事件功能庄新。
下面小編就通過一篇教程,利用Hype4版本薯鼠,為大家演示如何使用這款H5制作軟件去觸發(fā)事件。
一械蹋、場景觸發(fā)事件
場景級別的觸摸動作(例如在場景上滑動和拖動)可以觸發(fā)一個或多個動作出皇。當(dāng)大家創(chuàng)建好場景以后,在Hype右側(cè)菜單的“場景”選項卡中哗戈,拉到下方郊艘,可以看到如下圖1所示界面。
圖1:場景觸發(fā)事件設(shè)置界面
在該界面上唯咬,大家可以設(shè)置場景加載纱注、卸載、滑動胆胰、拖動場景時觸發(fā)的事件狞贱。點擊對應(yīng)觸摸方式右方的加號,點擊“操作”蜀涨,即可出現(xiàn)如圖2所示界面瞎嬉,圖2界面展示了所有可設(shè)置的觸發(fā)事件。
大家可以選擇事件發(fā)生后跳到指定場景厚柳、運行JavaScript程序氧枣、跳轉(zhuǎn)網(wǎng)頁、進(jìn)行聲音播放或暫停以及時間線的控制别垮。
圖2:可觸發(fā)事件類型
二便监、指針觸發(fā)事件
大家不僅僅可以在場景上做觸發(fā)事件,還可以在鼠標(biāo)指針上做觸發(fā)事件碳想。只需要大家在Hype右側(cè)菜單切換到“操作”選項卡烧董,就可以看到如下圖3所示界面。
圖3:鼠標(biāo)觸發(fā)事件界面
那么如何使用元素觸發(fā)鼠標(biāo)事件呢移袍?
首先需要先選中某個或多個元素解藻,然后在該選項卡中,選擇一個觸發(fā)條件葡盗,如“鼠標(biāo)移出時”螟左,然后設(shè)置要觸發(fā)的事件即可啡浊。例如,選定一個矩形胶背,然后選擇鼠標(biāo)移出時巷嚣,播放聲音,那么當(dāng)我們的鼠標(biāo)移出矩形時钳吟,網(wǎng)頁就會發(fā)出聲音廷粒,聲音可以自由選取PC上有的MP3或OGA格式的音頻文件。
當(dāng)然红且,觸發(fā)事件時坝茎,可觸發(fā)的事件也可以不止一個,點擊圖4紅框所示的加號暇番,可以添加多個事件操作嗤放,在觸發(fā)事件時觸發(fā)多個事件。
圖4:觸發(fā)多個事件
好了壁酬,以上就是小編整理的Hype中關(guān)于觸發(fā)事件的使用教程