基于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 相关文章推荐
JavaScript Cookie显示用户上次访问的时间和次数
Dec 08 Javascript
window.name代替cookie的实现代码
Nov 28 Javascript
用jquery生成二级菜单的实例代码
Jun 24 Javascript
js去空格技巧分别去字符串前后、左右空格
Oct 21 Javascript
JavaScript获取元素尺寸和大小操作总结
Feb 27 Javascript
前端自动化开发之Node.js的环境搭建教程
Apr 01 Javascript
JavaScript如何对图片进行黑白化
Apr 10 Javascript
vue缓存的keepalive页面刷新数据的方法
Apr 23 Javascript
vue实现导航标题栏随页面滚动渐隐渐显效果
Mar 12 Javascript
js瀑布流布局的实现
Jun 28 Javascript
vue 接口请求地址前缀本地开发和线上开发设置方式
Aug 13 Javascript
如何使用vue3打造一个物料库
May 08 Vue.js
基于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中通过Ajax如何实现异步文件上传的代码实例
2011/05/07 PHP
微信公众平台接口开发入门示例
2014/12/24 PHP
php获取网站百度快照日期的方法
2015/07/29 PHP
php实现的xml操作类
2016/01/15 PHP
Thinkphp 3.2框架使用Redis的方法详解
2019/10/24 PHP
javascript iframe中打开文件,并检测iframe存在否
2008/12/28 Javascript
JavaScript中的onerror事件概述及使用
2013/04/01 Javascript
js点击更换背景颜色或图片的实例代码
2013/06/25 Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
2013/11/22 Javascript
简化版手机端照片预览组件
2015/04/13 Javascript
一个用jquery写的判断div滚动条到底部的方法【推荐】
2016/04/29 Javascript
一览画面点击复选框后获取多个id值的方法
2016/05/30 Javascript
Jquery ajax请求导出Excel表格的实现代码
2016/06/08 Javascript
静态页面html中跳转传值的JS处理技巧
2016/06/22 Javascript
JavaScript中浅讲ajax图文详解
2016/11/11 Javascript
JQuery查找子元素find()和遍历集合each的方法总结
2017/03/07 Javascript
JS获取短信验证码倒计时的实现代码
2017/05/22 Javascript
10行原生JS实现文字无缝滚动(超简单)
2018/01/02 Javascript
python+ffmpeg视频并发直播压力测试
2018/03/06 Python
Python并发请求下限制QPS(每秒查询率)的实现代码
2020/06/05 Python
PyQt中使用QtSql连接MySql数据库的方法
2020/07/28 Python
Python如何定义有默认参数的函数
2020/08/10 Python
巴西服装和鞋子购物网站:Marisa
2018/10/25 全球购物
了解AppleShare protocol(AppleShare协议)吗
2015/08/28 面试题
大专自我鉴定范文
2013/10/23 职场文书
销售文员的岗位职责
2013/11/20 职场文书
军训生自我鉴定范文
2013/12/27 职场文书
活动总结模板
2014/05/09 职场文书
十周年庆典策划方案
2014/06/03 职场文书
工商管理自荐书
2014/07/06 职场文书
党支部反对四风思想汇报
2014/10/10 职场文书
收款委托书
2014/10/14 职场文书
2015年见习期个人工作总结
2015/05/28 职场文书
Java如何实现树的同构?
2021/06/22 Java/Android
解决Mysql的left join无效及使用的注意事项说明
2021/07/01 MySQL
详解Alibaba Java诊断工具Arthas查看Dubbo动态代理类
2022/04/08 Java/Android