1. 개요
웹 사이트에 웹 어시스턴트 엘프 추가. 사용자가 웹 사이트를 방문하거나 사용자에게 인사하거나 웹 사이트에 대한 중요한 정보를 전달할 때 사용자가 웹 사이트를 신속하게 이해하는 데 도움이 될뿐만 아니라 웹 사이트에서 사용자가 깊은 감명을 줄 수 있습니다. 이 예제는 JavaScript를 통해 웹 어시스턴트 엘프를 호출하는 방법을 소개합니다.
2. 기술 포인트
이 예제는 주로 Microsoft Agent, ActiveX 구성 요소에서 구현됩니다. Microsoft Agent는 에이전트의 역할을 제어하는 많은 방법을 제공하며, 이는 아래에 자세히 도입 될 것입니다.
에이. 로드 () 방법 : 사용될 역할을 읽는 데 사용됩니다. 이 방법에는 역할 이름을 지정하는 두 가지 매개 변수와 역할에 의해 저장된 파일을 지정하기위한 다른 매개 변수가 포함됩니다.
비. show () 메소드 : 화면에 문자가 나타나는 데 사용됩니다.
기음. Hide () 방법 : 역할을 숨기는 데 사용됩니다.
디. speak () 방법 : 역할 말하기를 구현하는 데 사용됩니다. 이 방법에는 음성의 내용을 지정하는 매개 변수가 있습니다.
이자형. moveto () 메소드 : 문자를 화면의 지정된 위치로 옮기는 데 사용됩니다. 이 방법에는 x 축의 좌표를 지정하고 다른 하나는 y 축의 좌표를 지정하기위한 두 가지 매개 변수가 있습니다.
에프. Play () 메소드 : 재생할 애니메이션을 지정하는 데 사용됩니다. 이 메소드에는 하나의 매개 변수 만 가지고 있는데,이 매개 변수는 애니메이션을 나타내는 문자열을 지정합니다. 그 가치는 발표, 설명, 축하, 인사, 제스토리 라이트, gestureleft, gesturedown, gestureup, 기뻐하고 읽기 등이 포함됩니다.
3. 특정 구현
(1) 웹 어시스턴트 엘프를 표시 해야하는 페이지의 <head> 태그에서 사용될 역할을로드하려면 사용자 정의 JavaScript 함수 loadagent ()를 작성하십시오. loadagent () 함수의 특정 코드는 다음과 같습니다.
<script language = "javaScript"> 함수 loadAgent (id) {try {id = new ActiveXobject ( "agent.control.2"); // ActiveX Control ID를 만듭니다 .Connected = true; id.characters.load ( "mragent", "merlin.acs"); // 사용될 역할을로드 리턴 ID; } catch (err) {return false; }} </script>(2) Loadagent () 함수 다음에 사용자 정의 JavaScript 함수 controlAgent ()를 작성하여 웹 어시스턴트 마법사를 호출하고 제어하는 데 사용됩니다. ControlAgent () 함수의 특정 코드는 다음과 같습니다.
함수 controlAgent () {if (agent = loadagent ( "agent")) {var mragentid = "mragent"; mragent = agent.characters.character (mragentid); // 어시스턴트 mragent.moveto (200,200); // 모바일 어시스턴트 mragent.show (); // 보조원 mragent.play ( "설명"); // gemblem mragent.speak ( "내일 기술 웹 사이트에 오신 것을 환영합니다!"); // tip mragent.play ( "gesturight"); // gemblem mragent.play ( "기뻐"); // 요청의 몸짓 mragent.speak ( "우리의 URL : www.cccxy.com"); // 프롬프트 mragent.hide (); // 조수를 숨기고 mragent.moveto (600,300); // 모바일 어시스턴트 mragent.show (); // 보조원 mragent.play ( "설명"); // mragent.play ( "읽기")를 읽는 제스처를 만듭니다 ( "읽기") // mragent.speak를 읽는 제스처를 만듭니다 ( "우리는 학습 과정에서 발생하는 질문을 해결하는 것에 대해 열정적 일 것입니다"); // 프롬프트 mragent.play ( "idle1_1"); // mragent.play ( "gesturight"); // 오른손으로 제스처를 만들어 가십시오 mragent.speak ( "웹 사이트를 기억하십시오 : www.cccxy.com"); // tip mragent.play ( "greet"); // greet mragent.speak ( "와 주셔서 감사합니다"); // tip mragent.play ( "idle2_2"); // tip mragent.hide (); // 어시스턴트 숨기기}}(3) 페이지가로드 된 후 웹 어시스턴트 엘프를 호출하고 제어하기 위해 JavaScript 코드를 작성하십시오. 특정 코드는 다음과 같습니다.
Window.onload = function () {controlAgent (); // 웹 어시스턴트 엘프 호출 및 제어}위는 JS 구현 내비게이션 바를 기반으로 웹 어시스턴트 엘프를 호출하는 방법입니다. 모든 사람에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 모든 사람에게 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!