基于JS實現(xiàn)導航條之調用網(wǎng)頁助手小精靈的方法
1.概述
在網(wǎng)站中加入網(wǎng)頁助手小精靈，當用戶訪問網(wǎng)站時，向用戶問好，或是傳遞一些網(wǎng)站的重要信息，不僅可以幫助用戶快速了解網(wǎng)站，而且可以讓用戶對該網(wǎng)站留下深刻的印象。本實例將介紹通過JavaScript調用網(wǎng)頁助手小精靈的方法。
2.技術要點
本實例主要通過Microsoft的ActiveX組件Microsoft Agent實現(xiàn)。Microsoft Agent提供了很多控制Agent角色的方法，下面進行詳細介紹。
a. Load()方法：用于讀入要使用的角色，該方法包括兩個參數(shù)，一個用于指定角色的姓名，另一個用于指定角色存儲的文件。
b. Show()方法：用于使角色顯示在屏幕上。
c. Hide()方法：用于隱藏角色。
d. Speak()方法：用于實現(xiàn)角色說話，該方法有一個參數(shù)，用于指定說話的內容。
e. MoveTo ()方法：用于將角色移動到屏幕的指定位置，該方法有兩個參數(shù)，一個用于指定x軸的坐標，另一個用于指定y軸的坐標。
f. Play()方法：用于指定要播放的動畫，該方法只有一個參數(shù)，用于指定表示動畫的字符串，其值包括Announce、Explain、Congratulate、greet、Gestureright、Gestureleft、Gesturedown、Gestureup、Pleased和Read等。
3.具體實現(xiàn)
（1）在需要顯示網(wǎng)頁助手小精靈的頁面的<head>標記中，編寫自定義的JavaScript函數(shù)loadAgent()，用于裝入要使用的角色。loadAgent()函數(shù)的具體代碼如下：
<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()函數(shù)的后面編寫一個自定義的JavaScript函數(shù)controlAgent()，用于調用并控制網(wǎng)頁助手小精靈，controlAgent()函數(shù)的具體代碼如下：
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("歡迎來到明日科技網(wǎng)站！"); //提示語
mrAgent.Play("Gestureright"); //右手做手勢
mrAgent.Play("Pleased"); //做請的手勢
mrAgent.Speak("我們的網(wǎng)址：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("記住我們的網(wǎng)址：www.cccxy.com"); //提示語
mrAgent.Play("greet"); //問候
mrAgent.Speak("感謝您的到來"); //提示語
mrAgent.Play("Idle2_2"); //做出無所事事的樣子
mrAgent.Hide(); //隱藏助手
}
}
（3）編寫JavaScript代碼，實現(xiàn)在頁面載入后調用并控制網(wǎng)頁助手小精靈，具體代碼如下：
window.onload=function(){
controlAgent(); //調用并控制網(wǎng)頁助手小精靈
}
以上所述是小編給大家介紹的基于JS實現(xiàn)導航條之調用網(wǎng)頁助手小精靈的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
目前，國內很流行一種流氓行為：使用框架(Frame)，將你的網(wǎng)頁嵌入它的網(wǎng)頁中,如何防止嵌入框架代碼呢，下面小編給大家整理了相關資料，如何屏蔽防止別的網(wǎng)站嵌入框架代碼，需要的朋友一起來學習下2015-08-08
這篇文章主要介紹了js獲取當前日期前七天的方法,涉及javascript中for語句及日期操作的技巧,需要的朋友可以參考下2015-02-02
這篇文章主要給大家介紹了關于微信小程序中遇到的一些iOS兼容性問題，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-11-11
這篇文章主要介紹了json的結構與遍歷方法,結合具體實例形式分析了json常見的簡單與復雜結構表示方法,以及具體的遍歷操作實現(xiàn)技巧,需要的朋友可以參考下2017-04-04
使用insertAfter()方法在現(xiàn)有元素后添加一個新元素
為javascript添加insertAfter()方法即在現(xiàn)有元素后添加一個新元素，示例如下，大家不妨學習下2014-05-05
這篇文章主要介紹了通過js如何改變狀態(tài)欄文字,需要的朋友可以了解下2014-06-06
微信小程序頁面畫好后,需要開始做一系列和用戶的交互功能了,首先就是登錄,這篇文章主要給大家介紹了關于微信小程序如何實現(xiàn)登錄的相關資料,需要的朋友可以參考下2022-07-07
這篇文章主要介紹了el-dialog對話框子組件的關閉方法,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-12-12
js禁止查看源文件屏蔽Ctrl+u/s、F12、右鍵等兼容IE火狐chrome
最近想給JS特效與模板預覽頁面加上屏蔽查看源文件，防治整理不易的源碼被輕易拿走，發(fā)現(xiàn)IE、火狐、chrome等各類瀏覽器支持不一樣。下面是腳本之家整理的一些屏蔽總結2020-10-10
該如何加載google-analytics(或其他第三方)的JS
很多網(wǎng)站為了獲取用戶訪問網(wǎng)站的統(tǒng)計信息，使用了google-analytics或其他分析網(wǎng)站(下面的討論中只提google-analytics,簡稱ga)。2010-05-05