Question

我正在制作一个在线RPG风格的游戏网站。我希望能够实现“动画”健康栏，但是，我无法弄清楚如何去做。我知道我将使用某种形式的java或jquery来执行动画操作。我已经尝试了各种方法让它发挥作用，但我不能。

基本上在我的代码中我有一个变量，它将HP条形（一个表格单元格）设置为指定的宽度，我希望表格单元格缩小（或增长）到代码中定义的另一个变量，比如在战斗损坏之后计算。

我将如何做这样的事情，请帮助我！

这是我尝试过的一个例子：

$( document ).ready(function() {

  $( "health" ).animate({ "width": "-=100" }, "slow" );

 });

我有一个表格，其单元格ID设置为运行状况，我已尝试过id，class和name。

我希望这很具体，谢谢。

Answer 1

我认为如果你想使用id，你应该在id前加#，如果你想使用类名，你应该在$( ".health" )前加上

。

像：

$( "#health" ).animate({ "width": "-=100" }, "slow" );

或者：

$( document ).ready(function() {
    $( ".health" ).animate({ "width": "-=100" }, "slow" );
});

例如：

$( "#health" ).animate({ "width": "-=100" }, "slow" );

td {width: 300px; background-color: #f00;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table><tr><td id="health">test</td></tr></table>

Answer 2

There are multiple way to do animation in HTML, You have already tried with jQuery, syntax is right. But won't be possible with table. For animation like a bar would be zig-zag you would need Div or span.

参考：Click to see example 希望你也在寻找同样的东西。

Answer 3

我得到了它的工作。

$（文件）。就绪（函数（）{ $（＆＃34;＃健康＆＃34）。动画（{ 宽度：＆＃34;＆＃34; }，{ 持续时间：500， }）; }）;

我将如何动画由php变量定义的表格单元格宽度

3 个答案: