Question

我正在使用typed.js并具有以下功能：

$(document).ready(function() {  
    $("#typed").typed({  
        strings: ["EXAMPLE TEXT"],  
        typeSpeed: -100,  
        backDelay: 1,  
        loop: false,  
        contentType: 'html', // or text  
        // defaults to false for infinite loop  
        loopCount: false,  
        callback: function() { foo(); },  
        resetCallback: function() { newTyped(); }  
    });  
});

我希望只有当用户将鼠标移到它上面时才会显示该文本。我尝试使用.mouseover()函数，但我怀疑我的语法是否正确。反正有吗？

谢谢

Answer 1

我遇到了问题，除非我使用了span元素，所以我把H2包围了，因为我想要一个标题。

在doc ready事件中，将typed（）方法连接到mouseenter（）和mouseleave（）事件：

＆＃13;

$("#element").mouseenter(function() {
  $("#SpanToTypeIn").typed('reset');
  $("#SpanToTypeIn").typed({
    strings: ["Text to write out... <span class='bold'>BOLD</span> text."],
    typeSpeed: 0
  });
}).mouseleave(function() {
  // include to clear on mouse out - $("#SpanToTypeIn").typed('reset');
});

＆＃13;

我想保留文本，直到有人在另一个导致不同消息的div上盘旋 - 所以我排除了mouseleave（）代码
我在鼠标输入时调用reset，因为我有许多元素可以将文本输出到相同的范围 - 这会清除它以便它可以开始输入新文本
您可以在要应用的字符串中包含html和类等
如果您想输入内容，请删除，然后输入其他内容，您可以将逗号分隔的字符串传递给＆＃39;字符串＆＃39;财产，例如

字符串：[＆＃34;嗨那里;）＆＃34;，＆＃34;你好吗？＆＃34;]

你可以将^ 1000粘贴到字符串中，这将在几毫秒内暂停。

在mouseover上调用typed.js

1 个答案: