基于JS实现导航条之调用网页助手小精灵的方法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了基于JS实现导航条之调用网页助手小精灵的方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3252字，纯文字阅读大概需要5分钟。
内容图文
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实现导航条之调用网页助手小精灵的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
内容总结
以上是互联网集市为您收集整理的基于JS实现导航条之调用网页助手小精灵的方法全部内容，希望文章能够帮你解决基于JS实现导航条之调用网页助手小精灵的方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。