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实现导航条之调用网页助手小精灵的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新日志
- 《怪猎荒野》PS5Pro主机版对比:B测性能都不稳定
- 黄宝欣.1992-黄宝欣金装精选2CD【HOMERUN】【WAV+CUE】
- 群星.1996-宝丽金流行爆弹精丫宝丽金】【WAV+CUE】
- 杜德伟.2005-独领风骚新歌精选辑3CD【滚石】【WAV+CUE】
- 安与骑兵《心无疆界》[低速原抓WAV+CUE]
- 柏菲唱片-群星〈胭花四乐〉2CD[原抓WAV+CUE]
- 金典女声发烧靓曲《ClassicBeautifulSound》2CD[低速原抓WAV+CUE]
- 王杰1992《封锁我一生》粤语专辑[WAV+CUE][1G]
- 群星《一人一首成名曲 (欧美篇)》6CD[WAV/MP3][7.39G]
- 东来东往2004《回到我身边·别说我的眼泪你无所谓》先之唱片[WAV+CUE][1G]
- MF唱片-《宝马[在真HD路上]》2CD[低速原抓WAV+CUE]
- 李娜《相信我》新时代[WAV+CUE]
- 2019明达发烧碟MasterSuperiorAudiophile[WAV+CUE]
- 蔡幸娟.1993-相爱容易相处难【飞碟】【WAV+CUE】
- 陆虎.2024-是否愿意成为我的全世界【Hikoon】【FLAC分轨】