Question

我现在已经知道我的文字正在旋转，我想要它当你盘旋并点击一个单词（例如巧克力，糖或可可）时，它会给出一个句子，点击另一个单词，另一个句子。然后旋转的话继续旋转。

有什么想法吗？非常感谢任何帮助。谢谢，伙计们:)）

JS：

var words = [
    '<span id="pasta">Penne</span>', 
    '<span id="meat">Italian Sausage</span>',
    '<span id="oil">Olive Oil</span>', 
    '<span id="onion">Onion</span>'];
var index = 0;


    $(document).ready(function rotate() {
      document.getElementById('text').innerHTML =words[(index++)%(words.length)];
      if($("#text").is(":hover")){
        setTimeout(rotate, 500);
      }
      else{
        setTimeout(rotate, 100);
      }
    })()


    $(function(){
        $('#pasta').on('click', function () {
            $("<li>Cook 8 ounces of pasta, according to its package directions.</li>").appendTo('#steps');

            $("#steps").html('<div id="text"></div>'); 
        }); 

    });

HTML：

 <div id="steps"> 

       <div id="text">

       </div>

    </div>

Answer 1

我说要将文本放在带href="#"的锚标记中，然后编写一个响应锚点onclick的函数。并更改该函数中的文本并添加锚标记...

另外将你的锚设置为纯文本样式。

如何在可变点击中制作文本

1 个答案: