亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

基于JS實現導航條之調用網頁助手小精靈的方法

 更新時間:2016年06月17日 14:55:25   作者:柯南&  
在網站中加入網頁助手小精靈,當用戶訪問網站時,向用戶問好,或是傳遞一些網站的重要信息,給用戶帶來極好的體驗感,那么基于js代碼是如何調用網頁助手小精靈的呢?下面跟著腳本之家小編一起學習吧

1.概述

     在網站中加入網頁助手小精靈,當用戶訪問網站時,向用戶問好,或是傳遞一些網站的重要信息,不僅可以幫助用戶快速了解網站,而且可以讓用戶對該網站留下深刻的印象。本實例將介紹通過JavaScript調用網頁助手小精靈的方法。

2.技術要點

本實例主要通過Microsoft的ActiveX組件Microsoft Agent實現。Microsoft Agent提供了很多控制Agent角色的方法,下面進行詳細介紹。

a. Load()方法:用于讀入要使用的角色,該方法包括兩個參數,一個用于指定角色的姓名,另一個用于指定角色存儲的文件。

b. Show()方法:用于使角色顯示在屏幕上。

c. Hide()方法:用于隱藏角色。

d. Speak()方法:用于實現角色說話,該方法有一個參數,用于指定說話的內容。

e. MoveTo ()方法:用于將角色移動到屏幕的指定位置,該方法有兩個參數,一個用于指定x軸的坐標,另一個用于指定y軸的坐標。

f. Play()方法:用于指定要播放的動畫,該方法只有一個參數,用于指定表示動畫的字符串,其值包括Announce、Explain、Congratulate、greet、Gestureright、Gestureleft、Gesturedown、Gestureup、Pleased和Read等。

3.具體實現

(1)在需要顯示網頁助手小精靈的頁面的<head>標記中,編寫自定義的JavaScript函數loadAgent(),用于裝入要使用的角色。loadAgent()函數的具體代碼如下:

<script language="javascript">
function loadAgent(id){ 
   try{ 
      id=new ActiveXObject("Agent.Control.2");             //創(chuàng)建一個ActiveX控件
      id.Connected = true; 
      id.Characters.Load("MrAgent","merlin.acs");               //裝入要使用的角色
      return id; 
   }catch (err){ 
      return false; 
   } 
}
</script> 

(2)loadAgent()函數的后面編寫一個自定義的JavaScript函數controlAgent(),用于調用并控制網頁助手小精靈,controlAgent()函數的具體代碼如下:

function controlAgent(){ 
   if (agent=loadAgent("agent")){ 
      var mrAgentID="MrAgent"; 
      mrAgent = agent.Characters.Character(mrAgentID);         //獲取助手對象
      mrAgent.MoveTo(200,200);                       //移動助手
      mrAgent.Show();                           //顯示助手
      mrAgent.Play("Explain");                         //做解釋的手勢
      mrAgent.Speak("歡迎來到明日科技網站!");             //提示語
      mrAgent.Play("Gestureright");                         //右手做手勢
      mrAgent.Play("Pleased");                         //做請的手勢
      mrAgent.Speak("我們的網址:www.cccxy.com");         //提示語
      mrAgent.Hide();                            //隱藏助手
      mrAgent.MoveTo(600,300);                       //移動助手
      mrAgent.Show();                               //顯示助手
      mrAgent.Play("Explain");                         //做解釋的手勢      
      mrAgent.Play("Read")                            //作出讀書的動作     
      mrAgent.Speak("我們會熱心解決您學習過程中遇到的疑問"); //提示語
      mrAgent.Play("Idle1_1");                         //做出無所事事的樣子 
      mrAgent.Play("Gestureright");                         //右手做手勢        
      mrAgent.Speak("記住我們的網址:www.cccxy.com");         //提示語
      mrAgent.Play("greet");                           //問候
      mrAgent.Speak("感謝您的到來");                      //提示語 
      mrAgent.Play("Idle2_2");                         //做出無所事事的樣子        
      mrAgent.Hide();                               //隱藏助手
   } 
} 

(3)編寫JavaScript代碼,實現在頁面載入后調用并控制網頁助手小精靈,具體代碼如下:

window.onload=function(){
   controlAgent();                                //調用并控制網頁助手小精靈
}

以上所述是小編給大家介紹的基于JS實現導航條之調用網頁助手小精靈的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!

相關文章

  • 如何屏蔽防止別的網站嵌入框架代碼

    如何屏蔽防止別的網站嵌入框架代碼

    目前,國內很流行一種流氓行為:使用框架(Frame),將你的網頁嵌入它的網頁中,如何防止嵌入框架代碼呢,下面小編給大家整理了相關資料,如何屏蔽防止別的網站嵌入框架代碼,需要的朋友一起來學習下
    2015-08-08
  • js獲取當前日期前七天的方法

    js獲取當前日期前七天的方法

    這篇文章主要介紹了js獲取當前日期前七天的方法,涉及javascript中for語句及日期操作的技巧,需要的朋友可以參考下
    2015-02-02
  • 微信小程序中遇到的iOS兼容性問題小結

    微信小程序中遇到的iOS兼容性問題小結

    這篇文章主要給大家介紹了關于微信小程序中遇到的一些iOS兼容性問題,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2018-11-11
  • json的結構與遍歷方法實例分析

    json的結構與遍歷方法實例分析

    這篇文章主要介紹了json的結構與遍歷方法,結合具體實例形式分析了json常見的簡單與復雜結構表示方法,以及具體的遍歷操作實現技巧,需要的朋友可以參考下
    2017-04-04
  • 使用insertAfter()方法在現有元素后添加一個新元素

    使用insertAfter()方法在現有元素后添加一個新元素

    為javascript添加insertAfter()方法即在現有元素后添加一個新元素,示例如下,大家不妨學習下
    2014-05-05
  • 改變狀態(tài)欄文字的js代碼

    改變狀態(tài)欄文字的js代碼

    這篇文章主要介紹了通過js如何改變狀態(tài)欄文字,需要的朋友可以了解下
    2014-06-06
  • 一文教會你微信小程序如何實現登錄

    一文教會你微信小程序如何實現登錄

    微信小程序頁面畫好后,需要開始做一系列和用戶的交互功能了,首先就是登錄,這篇文章主要給大家介紹了關于微信小程序如何實現登錄的相關資料,需要的朋友可以參考下
    2022-07-07
  • el-dialog對話框子組件的關閉方法

    el-dialog對話框子組件的關閉方法

    這篇文章主要介紹了el-dialog對話框子組件的關閉方法,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2023-12-12
  • js禁止查看源文件屏蔽Ctrl+u/s、F12、右鍵等兼容IE火狐chrome

    js禁止查看源文件屏蔽Ctrl+u/s、F12、右鍵等兼容IE火狐chrome

    最近想給JS特效與模板預覽頁面加上屏蔽查看源文件,防治整理不易的源碼被輕易拿走,發(fā)現IE、火狐、chrome等各類瀏覽器支持不一樣。下面是腳本之家整理的一些屏蔽總結
    2020-10-10
  • 該如何加載google-analytics(或其他第三方)的JS

    該如何加載google-analytics(或其他第三方)的JS

    很多網站為了獲取用戶訪問網站的統(tǒng)計信息,使用了google-analytics或其他分析網站(下面的討論中只提google-analytics,簡稱ga)。
    2010-05-05

最新評論