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"); //創建一個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實現導航條之調用網頁助手小精靈的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
