在網(wǎng)站中加入網(wǎng)頁助手小精靈，當(dāng)用戶訪問網(wǎng)站時(shí)，向用戶問好，或是傳遞一些網(wǎng)站的重要信息，給用戶帶來極好的體驗(yàn)感，那么基于js代碼是如何調(diào)用網(wǎng)頁助手小精靈的呢？下面跟著腳本之家小編一起學(xué)習(xí)吧

1.概述

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

2.技術(shù)要點(diǎn)

本實(shí)例主要通過Microsoft的ActiveX組件Microsoft Agent實(shí)現(xiàn)。Microsoft Agent提供了很多控制Agent角色的方法，下面進(jìn)行詳細(xì)介紹。

a. Load()方法：用于讀入要使用的角色，該方法包括兩個(gè)參數(shù)，一個(gè)用于指定角色的姓名，另一個(gè)用于指定角色存儲(chǔ)的文件。

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

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

d. Speak()方法：用于實(shí)現(xiàn)角色說話，該方法有一個(gè)參數(shù)，用于指定說話的內(nèi)容。

e. MoveTo ()方法：用于將角色移動(dòng)到屏幕的指定位置，該方法有兩個(gè)參數(shù)，一個(gè)用于指定x軸的坐標(biāo)，另一個(gè)用于指定y軸的坐標(biāo)。

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

3.具體實(shí)現(xiàn)

（1）在需要顯示網(wǎng)頁助手小精靈的頁面的<head>標(biāo)記中，編寫自定義的JavaScript函數(shù)loadAgent()，用于裝入要使用的角色。loadAgent()函數(shù)的具體代碼如下：

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

（2）loadAgent()函數(shù)的后面編寫一個(gè)自定義的JavaScript函數(shù)controlAgent()，用于調(diào)用并控制網(wǎng)頁助手小精靈，controlAgent()函數(shù)的具體代碼如下：

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

（3）編寫JavaScript代碼，實(shí)現(xiàn)在頁面載入后調(diào)用并控制網(wǎng)頁助手小精靈，具體代碼如下：

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

以上所述是小編給大家介紹的基于JS實(shí)現(xiàn)導(dǎo)航條之調(diào)用網(wǎng)頁助手小精靈的方法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: