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

 更新时间:2016年06月17日 14:55:25   作者:柯南&  
在网站中加入网页助手小精灵,当用户访问网站时,向用户问好,或是传递一些网站的重要信息,给用户带来极好的体验感,那么基于js代码是如何调用网页助手小精灵的呢?下面跟着脚本之家小编一起学习吧

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

相关文章

  • 如何屏蔽防止别的网站嵌入框架代码

    如何屏蔽防止别的网站嵌入框架代码

    目前,国内很流行一种流氓行为:使用框架(Frame),将你的网页嵌入它的网页中,如何防止嵌入框架代码呢,下面小编给大家整理了相关资料,如何屏蔽防止别的网站嵌入框架代码,需要的朋友一起来学习下
    2015-08-08
  • js获取当前日期前七天的方法

    js获取当前日期前七天的方法

    这篇文章主要介绍了js获取当前日期前七天的方法,涉及javascript中for语句及日期操作的技巧,需要的朋友可以参考下
    2015-02-02
  • 微信小程序中遇到的iOS兼容性问题小结

    微信小程序中遇到的iOS兼容性问题小结

    这篇文章主要给大家介绍了关于微信小程序中遇到的一些iOS兼容性问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-11-11
  • json的结构与遍历方法实例分析

    json的结构与遍历方法实例分析

    这篇文章主要介绍了json的结构与遍历方法,结合具体实例形式分析了json常见的简单与复杂结构表示方法,以及具体的遍历操作实现技巧,需要的朋友可以参考下
    2017-04-04
  • 使用insertAfter()方法在现有元素后添加一个新元素

    使用insertAfter()方法在现有元素后添加一个新元素

    为javascript添加insertAfter()方法即在现有元素后添加一个新元素,示例如下,大家不妨学习下
    2014-05-05
  • 改变状态栏文字的js代码

    改变状态栏文字的js代码

    这篇文章主要介绍了通过js如何改变状态栏文字,需要的朋友可以了解下
    2014-06-06
  • 一文教会你微信小程序如何实现登录

    一文教会你微信小程序如何实现登录

    微信小程序页面画好后,需要开始做一系列和用户的交互功能了,首先就是登录,这篇文章主要给大家介绍了关于微信小程序如何实现登录的相关资料,需要的朋友可以参考下
    2022-07-07
  • el-dialog对话框子组件的关闭方法

    el-dialog对话框子组件的关闭方法

    这篇文章主要介绍了el-dialog对话框子组件的关闭方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-12-12
  • js禁止查看源文件屏蔽Ctrl+u/s、F12、右键等兼容IE火狐chrome

    js禁止查看源文件屏蔽Ctrl+u/s、F12、右键等兼容IE火狐chrome

    最近想给JS特效与模板预览页面加上屏蔽查看源文件,防治整理不易的源码被轻易拿走,发现IE、火狐、chrome等各类浏览器支持不一样。下面是脚本之家整理的一些屏蔽总结
    2020-10-10
  • 该如何加载google-analytics(或其他第三方)的JS

    该如何加载google-analytics(或其他第三方)的JS

    很多网站为了获取用户访问网站的统计信息,使用了google-analytics或其他分析网站(下面的讨论中只提google-analytics,简称ga)。
    2010-05-05

最新评论