1. Visão geral
Adicionando um Elf Assistente da Web ao site. Quando os usuários visitarem o site, diga olá ao usuário ou transmitam informações importantes sobre o site, ele pode não apenas ajudar os usuários a entender rapidamente o site, mas também deixar os usuários profundamente impressionados com o site. Este exemplo apresentará o método de chamar os elfos assistentes da web por meio de JavaScript.
2. Pontos técnicos
Este exemplo é implementado principalmente pelo Microsoft Agent, componente ActiveX. O Microsoft Agent fornece muitos métodos para controlar o papel do agente, que será introduzido em detalhes abaixo.
um. LOAD () Método: usado para ler a função a ser usada. Este método inclui dois parâmetros, um para especificar o nome da função e o outro para especificar o arquivo armazenado pela função.
b. Mostrar () Método: usado para fazer o caractere aparecer na tela.
c. Hide () Método: usado para ocultar papéis.
d. Método Speak (): usado para implementar a fala. Este método tem um parâmetro para especificar o conteúdo do discurso.
e. Método moveto (): usado para mover o caractere para uma posição especificada na tela. Este método possui dois parâmetros, um para especificar as coordenadas do eixo x e o outro para especificar as coordenadas do eixo y.
f. Método Play (): Usado para especificar a animação a ser tocada. Este método possui apenas um parâmetro, que especifica a sequência que representa a animação. Seus valores incluem anunciar, explicar, parabenizar, cumprimentar, GestureRight, gestureleft, gestedown, gestureUp, satisfeito e leitura, etc.
3. Implementação específica
(1) Na tag <head> da página em que os elfos assistentes da web precisam ser exibidos, escreva uma função JavaScript personalizada loadAgent () para carregar a função a ser usada. O código específico da função loadAgent () é o seguinte:
<script linguage = "javascript"> function loadAgent (id) {try {id = new ActiveXObject ("agent.control.2"); // Crie um ID de controle ActiveX.Connected = true; id.characters.load ("mragent", "merlin.acs"); // carrega a função a ser usada de retorno; } catch (err) {return false; }} </script>(2) Escreva uma função JavaScript personalizada ControlAgent () após a função loadAgent (), que é usada para chamar e controlar o Assistente de Assistente da Web. O código específico da função controlagent () é o seguinte:
function controlagent () {if (agent = loadAgent ("agente")) {var mRagentid = "mragent"; mRagent = agente.Characters.Character (MRAGENTID); // obtém assistente de mragent.moveto (200.200); // assistente móvel mRagent.show (); // Mostra o assistente de Mragent.Play ("Explique"); // gemblem mragent.speak ("Welcome to Tomorrow Technology Site!"); // Tip Mragent.Play ("GestureRight"); // gemblem mragent.play ("satisfeito"); // faz um gesto de solicitação mragent.speak ("Nosso URL: www.cccxy.com"); // Prompt mragent.hide (); // ocultar Mragent assistente.moveto (600.300); // assistente móvel mRagent.show (); // Mostra o assistente de Mragent.Play ("Explique"); // Faça um gesto de leitura mragent.play ("leia") // Faça um gesto de leitura mragent.speak ("Estaremos entusiasmados em resolver as perguntas que você encontrar no processo de aprendizado"); // Prompt Mragent.Play ("IDLE1_1"); // faz uma aparição de não fazer nada Mragent.Play ("GestureRight"); // Vá para fazer um gesto com a mão direita mragent.speak ("Lembre -se do nosso site: www.cccxy.com"); // Tip Mragent.Play ("Greet"); // cumprimenta Mragent.Speak ("Obrigado por vir"); // tip mragent.play ("idle2_2"); // tip mragent.hide (); // ocultar assistente}}(3) Escreva o código JavaScript para ligar e controlar os elfos assistentes da web após a carga da página. O código específico é o seguinte:
window.onload = function () {controlagent (); // chamando e controlando os elfos assistentes da web}O exposto acima é o método de chamar os elfos assistentes da web com base na barra de navegação de implementação do JS. Espero que seja útil para todos. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a todos a tempo. Muito obrigado pelo seu apoio ao site wulin.com!