Question

我有一个小问题，我不知道如何解决。所以基本上我有一个MySQL数据库，它包含各种文本字符串（让我们称之为提示）。只有一列称为“消息”，每行有一个提示。目的是在网页上显示这些提示。但是，我希望自动动态更改提示。换句话说，我想让我们每隔10秒就说一次改变小费。此外，我希望随机选择提示。我的计划是创建一个div，在每个指定的时间间隔内，页面将进行Ajax调用，其中将生成一个随机数，并将其用作MySQL中的行号以在div中显示提示。

事实上，我实际上能做到这一切。但我最不希望的是文本实际上是使用某种形式的过渡来改变，例如淡化效果等。现在，内容只是简单地从一个文本切换到另一个文本。我想最好的方法是使用jQuery，但我只是不知道如何实现它....这是我当前的代码，现在文本在点击按钮时发生了变化，但我会在以后添加自动切换，那是不是问题。此外，ajax现在的文本只是静态的，不是从MySQL获取的，这只是为了测试目的，我知道如何轻松地做到这一点。

以下是包含文字的页面代码：

<html>
<script src="http://code.jquery.com/jquery-migrate-1.0.0.js"></script>
<script>
function text(){

var xmlhttp;    
if (window.XMLHttpRequest){
   xmlhttp=new XMLHttpRequest();
}
else{
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
  if (xmlhttp.readyState==4 && xmlhttp.status==200){
     document.getElementById("message").innerHTML=xmlhttp.responseText;
  }
}
xmlhttp.open("GET","message_ajax.php",true);
xmlhttp.send();
}
</script>
</head>

<body>
<input type="button" onclick="text()" value="Show" class="button">
<div id="message">X</div>
</body>
</html>

这是实际的Ajax页面：

<?php
    echo "Y";
?>

所以在这个测试脚本中，当我单击按钮时，页面进行ajax调用，div中的“X”切换为“Y”，但是是否可以使用某些动画切换文本？

Answer 1

如果您正在使用AJAX功能并想要制作动画，那么jQuery是必备的。如果你只是在做AJAX，你可以在没有jQuery的情况下离开，但是只要你需要使用jQuery在页面的几个地方提供的功能，就会有轻微的开销。

那就是说，你会想做这样的事情：

$('#message').fadeOut(function()
{
    $(this).html(msg).fadeIn();
});

Javascript由当前页面上的浏览器执行。此代码应位于页面底部的<script>标记内。

从技术上讲，您可以将它放在已经位于页面顶部的script标记中，但是在将JS放在页面底部时会有性能提升。

通过Ajax动态更改文本消息

1 个答案: