基于JS实现导航条之调用网页助手小精灵的方法


Posted in Javascript onJune 17, 2016

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实现导航条之调用网页助手小精灵的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
判断iframe是否加载完成的完美方法
Jan 07 Javascript
Jquery+ajax请求data显示在GridView上(asp.net)
Aug 27 Javascript
JQuery的AJAX实现文件下载的小例子
May 15 Javascript
JS分页效果示例
Oct 11 Javascript
基于Jquery+div+css实现弹出登录窗口(代码超简单)
Oct 27 Javascript
jQuery操作基本控件方法实例分析
Dec 31 Javascript
jQuery EasyUI Pagination实现分页的常用方法
May 21 Javascript
AngularJS入门教程之链接与图片模板详解
Aug 19 Javascript
Vue.js实现分页查询功能
Nov 15 Javascript
使用puppeteer破解极验的滑动验证码
Feb 24 Javascript
使vue实现jQuery调用的两种方法
May 12 jQuery
Node.js 路由的实现方法
Jun 05 Javascript
基于JS实现导航条flash导航条
Jun 17 #Javascript
基于JS代码实现导航条弹出式悬浮菜单
Jun 17 #Javascript
Javascript中的数组常用方法解析
Jun 17 #Javascript
iframe中使用jquery进行查找的方法【案例分析】
Jun 17 #Javascript
JS检测页面中哪个HTML标签触发点击事件的方法
Jun 17 #Javascript
jquery.qtip提示信息插件用法简单实例
Jun 17 #Javascript
jQuery实现区域打印功能代码详解
Jun 17 #Javascript
You might like
php foreach正序倒序输出示例代码
2014/07/01 PHP
Linux下PHP加速器APC的安装与配置笔记
2014/10/24 PHP
PHP加密解密实例分析
2015/12/25 PHP
php探针不显示内存解决方法
2019/09/17 PHP
Laravel实现通过blade模板引擎渲染视图
2019/10/25 PHP
谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)
2015/10/01 Javascript
jquery层级选择器的实现(匹配后代元素div)
2016/09/05 Javascript
vue-cli的webpack模板项目配置文件分析
2017/04/01 Javascript
JS解决IOS中拍照图片预览旋转90度BUG的问题
2017/09/13 Javascript
结合Vue控制字符和字节的显示个数的示例
2018/05/17 Javascript
vue this.reload 方法 配置
2018/09/12 Javascript
js计时事件实现圆形时钟
2020/03/25 Javascript
[04:47]DOTA2-潍坊风行电子俱乐部探秘
2014/08/08 DOTA
[54:17]DOTA2-DPC中国联赛定级赛 RNG vs iG BO3第二场 1月10日
2021/03/11 DOTA
编写Python脚本来获取mp3文件tag信息的教程
2015/05/04 Python
Python外星人入侵游戏编程完整版
2020/03/30 Python
python的Crypto模块实现AES加密实例代码
2018/01/22 Python
python 获取list特定元素下标的实例讲解
2018/04/09 Python
PyQt5每天必学之进度条效果
2018/04/19 Python
python 简单照相机调用系统摄像头实现方法 pygame
2018/08/03 Python
wxPython的安装与使用教程
2018/08/31 Python
Python 读写文件的操作代码
2018/09/20 Python
python3.6、opencv安装环境搭建过程(图文教程)
2019/11/05 Python
python3 实现函数写文件路径的正确方法
2019/11/27 Python
python 元组的使用方法
2020/06/09 Python
详解基于canvas的视频遮罩插件
2018/01/04 HTML / CSS
瑞典时尚耳机品牌:Urbanears
2017/07/26 全球购物
美国著名的户外用品品牌:L.L.Bean
2018/01/05 全球购物
Lookfantastic美国/加拿大:英国知名美妆购物网站
2019/03/27 全球购物
小加工厂管理制度
2014/01/21 职场文书
公司门卫管理制度
2014/02/01 职场文书
电工实训报告总结
2014/11/05 职场文书
公司与个人合作协议书
2016/03/19 职场文书
Python控制台输出俄罗斯方块移动和旋转功能
2021/04/18 Python
MySQL 重写查询语句的三种策略
2021/05/10 MySQL
JavaScript流程控制(分支)
2021/12/06 Javascript