基于JS實現(xiàn)導(dǎo)航條之調(diào)用網(wǎng)頁助手小精靈的方法
1.概述
在網(wǎng)站中加入網(wǎng)頁助手小精靈，當(dāng)用戶訪問網(wǎng)站時，向用戶問好，或是傳遞一些網(wǎng)站的重要信息，不僅可以幫助用戶快速了解網(wǎng)站，而且可以讓用戶對該網(wǎng)站留下深刻的印象。本實例將介紹通過JavaScript調(diào)用網(wǎng)頁助手小精靈的方法。
2.技術(shù)要點
本實例主要通過Microsoft的ActiveX組件Microsoft Agent實現(xiàn)。Microsoft Agent提供了很多控制Agent角色的方法，下面進(jìn)行詳細(xì)介紹。
a. Load()方法：用于讀入要使用的角色，該方法包括兩個參數(shù)，一個用于指定角色的姓名，另一個用于指定角色存儲的文件。
b. Show()方法：用于使角色顯示在屏幕上。
c. Hide()方法：用于隱藏角色。
d. Speak()方法：用于實現(xiàn)角色說話，該方法有一個參數(shù)，用于指定說話的內(nèi)容。
e. MoveTo ()方法：用于將角色移動到屏幕的指定位置，該方法有兩個參數(shù)，一個用于指定x軸的坐標(biāo)，另一個用于指定y軸的坐標(biāo)。
f. Play()方法：用于指定要播放的動畫，該方法只有一個參數(shù)，用于指定表示動畫的字符串，其值包括Announce、Explain、Congratulate、greet、Gestureright、Gestureleft、Gesturedown、Gestureup、Pleased和Read等。
3.具體實現(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)建一個ActiveX控件
id.Connected = true;
id.Characters.Load("MrAgent","merlin.acs"); //裝入要使用的角色
return id;
}catch (err){
return false;
}
}
</script>
（2）loadAgent()函數(shù)的后面編寫一個自定義的JavaScript函數(shù)controlAgent()，用于調(diào)用并控制網(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("我們會熱心解決您學(xué)習(xí)過程中遇到的疑問"); //提示語
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)在頁面載入后調(diào)用并控制網(wǎng)頁助手小精靈，具體代碼如下：
window.onload=function(){
controlAgent(); //調(diào)用并控制網(wǎng)頁助手小精靈
}
以上所述是小編給大家介紹的基于JS實現(xiàn)導(dǎo)航條之調(diào)用網(wǎng)頁助手小精靈的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了移動端web滾動分頁的實現(xiàn)方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
Ajax，UTF-8還是GB2312 eval 還是execScript
討厭的東西。 關(guān)于Ajax獲取HTML內(nèi)容編碼，與JavaScript載入腳本的動態(tài)執(zhí)行問題。2008-11-11
這篇文章主要介紹了Javascript刷新窗口方法,以實例形式分析了JavaScript刷新窗口的四種常用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
這篇文章主要介紹了JavaScript 身份證號有效驗證詳解及實例代碼的相關(guān)資料,需要的朋友可以參考下2016-10-10
這篇文章主要為大家詳細(xì)介紹了Javascript下拉刷新的簡單實現(xiàn)過程，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
functional繼承模式 摘自javascript:the good parts
javascript:the good parts 書中Inheritance部分講到了一種functional的繼承方式, 具體這個functional該如何翻譯,就不是很清楚了, 就直接意會一下吧2011-06-06
JavaScript實現(xiàn)簡易飛機大戰(zhàn)
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)簡易飛機大戰(zhàn)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
JavaScript中的所有事物都是對象，本文為大家介紹下JS中創(chuàng)建對象的幾種方式，如原始方法、工廠方法等等2014-01-01
DOM是Document Object Model文檔對象模型的縮寫；使用JavaScript操作DOM進(jìn)行DHTML開發(fā)2011-12-12
服務(wù)器安全設(shè)置的幾個注冊表設(shè)置...2007-07-07