1. 程式人生 > >HTML5:Animate cc互動之點選1個“按鈕”執行多個事件功能

HTML5:Animate cc互動之點選1個“按鈕”執行多個事件功能

一、實現效果

第1次點選按鈕可以執行第1個事件,第2次點選同一個按鈕,執行第2個事件,以此類推

二、js程式碼

var s = this;
s.stop();
s.ayNum = 0;
s.balloon.addEventListener("click", balloon1Click.bind(s))  
  
function balloon1Click() {  
    if (s.ayNum != 6) {  
        switch (s.ayNum) {  
            case 1:  
                s.ayNum++;  
                alert(1);  
                break;  
            case 2:  
                s.ayNum++;  
                alert(2);  
                break;  
            case 3:  
                s.ayNum++;  
                alert(3);  
                break;  
            case 4:  
                s.ayNum++;  
                alert(4);  
                break;  
            case 5:  
                s.ayNum++;  
                alert(5);  
                break;  
            case 6:  
                s.ayNum++;  
                alert(6);  
                break;  
        }  
    }  
    else  
    {  
        alert(s.ayNum);  
    }  
  
}  

相關推薦

HTML5:Animate cc互動1按鈕執行事件功能

一、實現效果第1次點選按鈕可以執行第1個事件,第2次點選同一個按鈕,執行第2個事件,以此類推二、js程式碼var s = this; s.stop(); s.ayNum = 0; s.balloon.addEventListener("click", balloon1Clic

HTML5:Animate cc互動、單、單與功能

一、實現功能選擇題中有3中型別,“單選”“多選”“單多選”二、步驟a.單選var s = this; s.stop(); //隱藏提交按鈕、錯對框 s.right_case.visible = false; s.false_case.visible = false; s.s

HTML5:Animate cc互動“聲音”功能 及 聲音 事件

SoundJS     SoundJS庫管理網路上的音訊播放。它通過 '抽象出實際音訊實現' 的外掛來工作,所以可能在任何平臺上播放的,而不必瞭解聲音播放的機制。       使用SoundJS,可以使用 'Sound' 類的公共API。該API是:         安裝音訊

HTML5:Animate cc互動“影片剪輯中的繼續”功能

1.實現效果原由,因為在H5專案中,按鈕名稱不能重複問題,為了減少按鈕命名,可以使用“”影片剪輯“”,點選“”影片剪輯“”中的按鈕,舞臺上的當前幀跳轉到下一幀2.程式碼var s = this; s.stop(); if (!s.close_btn.hasEventListe

HTML5:Animate cc互動“聲音”的“開始、暫停功能

一、實現效果開啟第一個頁面,聲音是在播放的,點選按鈕,跳到下一個地方,開啟第2個聲音,2個聲音之間是不會衝突的。二、步驟1.確定An cc軟體的幀數中,有沒有加入聲音事件,不能加入逐幀聲音,會有衝突,如圖:a.幀標籤註釋,正確b.逐幀聲音,錯誤2.確定你已經有加了路徑的cre

HTML5:Animate cc互動視訊自動播放跳轉下一幀

1.實現功能一個視訊在播放,播放結束後,才能跳轉下一幀,播放第2個視訊,並跳到第3幀是沒有按鈕的!2.步驟:a.第一幀 this.frame_4 = function() { S = this; S.stop(); S.video1.on("added", fun

js 獲取a標籤被的連結,有a標籤

新增onclick事件,獲取href屬性就知道具體的url地址了 <!DOCTYPE html> <html> <body> <script> function aclick(self){ alert(self.hre

HTML5Animate cc互動功能製作單框(開關)

1.需要實現的效果 2.步驟: a.實現點選功能 S.xld_btn1.txt.text="";//先將單選框的文字清空 //S.xld_btn1.txt.text是舞臺上的"xld_btn1影片剪輯",txt是指文字,text指文字內容 if(!S.xld

HTML5Animate cc互動功能跳轉下一幀

一 、實現使用者互動功能(點選按鈕跳轉下一幀)S.gotoAndStop解釋:跳轉到舞臺上的某一幀並停止S.gotoAndPlay解釋:跳轉到舞臺上的某一幀並開始播放下一幀方法1:跳轉幀數if (!S.next_btn1.hasEventListener("click"))

前後臺互動實現超連結通過指定的 url 去網路或者檔案伺服器下載檔案

前臺 VUE 介面: <el-table-column prop="attachment" align="center" label="附件詳情"> <template slot-scope="scope"> <!--<el-button @

Android Webview JS互動 自動遇到的問題

這篇文章主要是記錄,在webview中實現自動點選按鈕,和內容填充。遇到一些問題,希望能對你有所幫助 Webview 與 JS互動: 下面的JS程式碼實現的功能是:點選帳號登陸,輸入賬號密碼,登陸 String js = "javascript:{docume

前端開發日記懸浮框之外的地方隱藏懸浮框

本次遇見的問題是:在拒絕訂單時,頁面彈出了一個懸浮框用於輸入拒絕理由。需要我做的是:彈出懸浮框時,點選頁面其它位置時會將懸浮框隱藏。 在此處貼出程式碼://拒絕彈出框在點選彈出框其它位置時,隱藏彈出框

Focusky常見問題解答 | 互動觸發器– 式觸發器例項

您可以利用Focusky(也稱為“FS軟體”)的互動功能製作出以下效果圖(單擊問號揭開色塊,同時問號漸漸消失): 【▲圖1:點選式觸發器效果圖】 在該示例圖中,您需要編輯2次觸發行為來實現單擊問號時,問號模糊退出和圖片中心漸入兩種效果。您可以利用互動觸發行為中的動畫設定來實現此效果。該

ios學習筆記-一個按鈕彈出撥打電話提示框

按鈕的程式碼就不寫了。直接寫主要程式碼。 <key>LSApplicationQueriesSchemes</key> <array> <string>tel</string> <string>telp

web安全劫持(clickjacking)

百度解釋: 點選劫持,clickjacking,也被稱為UI-覆蓋攻擊。這個詞首次出現在2008年,是由網際網路安全專家羅伯特·漢森和耶利米·格勞斯曼首創的。 它是通過覆蓋不可見的框架誤導受害者點選。 雖然受害者點選的是他所看到的網頁,但其實他所點選的是被黑客精心構

django 1.11 設定瀏覽器後退按鈕時自動重新整理

目前專案有個需求,如標題所說,之前百度了google了一些js方法,都不行.後來還是在大神同事的幫助下才解決的. 因為瀏覽器是有快取的,後退時都是讀取快取的.所以應該設定該頁無快取. 在django中

Android簡單互動控制元件時短暫的放大後恢復正常

原理:監聽控制元件的事件,在touch事件觸發是播放放大動畫; 說明:在onTouch()事件中,動畫的播放要放在對DOWN事件的處理中,不能簡單的放在onTouch()的方法裡面裡了事,那樣會有一

網站前端聯絡我們自動開啟qq/Tim對話視窗

    自動跳出QQ/TIM對話方塊         沒有完美的網站,需要使用者的反饋來完善我們的頁面。那麼,聯絡我們必不可少。在即時通訊軟體中,QQ/Tim用的最多。前幾天發現了自動呼叫QQ/Tim

【轉載】網際網路廣告綜述率特徵工程

原文地址:http://blog.csdn.net/mytestmy/article/details/19088827 一.網際網路廣告特徵工程 博文《網際網路廣告綜述之點選率系統》論述了網際網路廣告的點選率系統,可以看到,其中的logistic regression

HTML和iOS的互動,html中按鈕,ios進行原生方法呼叫,及ios傳值到HTML

HTML和iOS的互動 一、 點選HTML中的按鈕,iOS獲取到HTML的傳值,並進行原生態的操作 匯入系統庫JavaScriptCore #import <JavaScript