Question

伙计们我正在学习HTML 5并且想要实现滚动全景或移动全景

我希望我的照片从左到右然后从右到左移动我使用了以下实现

但它不起作用所以你们可以告诉我这段代码的错误

<html>
<head>


<div align="center">
<marquee behavior="alternate" height="400" scrollamount="5" width="900">
<table border="0" bordercolor="#999999" cellpadding="0" cellspacing="0" style="height: 400px;                                                                                                                                                                       

width:3000px;">

<tr>
<td height="400" width="1500"><img height="400" width="1500" src="cmrec.jpg"/></td></tr></table>



 </marquee>
 </div>
 </head>


 </html>

Answer 1

首先将你的html代码放在body标签中，不需要给出高度和宽度。只有td或图像的高度和宽度就足够了。

<div align="center">
<marquee behavior="alternate" scrollamount="5" >
<table border="0" bordercolor="#999999" cellpadding="0" cellspacing="0" >

<tr>
<td ><img height="200" width="200" src="cmrec.jpg" alt="Hello"/></td></tr></table>



 </marquee>
 </div>

看到这个： http://jsfiddle.net/czto7ew1/

Answer 2

您在<head>标记中编写的任何代码都将其放入<body>。

像这样的HTML基本结构

<!DOCTYPE html>
<html>

<head>
  <title>first doc</title>
</head>


<body>

  <h1>My First Heading</h1>

  <p>My first paragraph.</p>

</body>

</html>

Answer 3

这个答案在您的代码中进行了更正。将此代码放在body中。

<div align="center">
  <marquee behavior="alternate" scrollamount="5">
    <table border="0" bordercolor="#999999" cellpadding="0" cellspacing="0">
      <tr>
        <td>
          <img height="200" width="200" src="cmrec.jpg" alt="Hello" />
        </td>
      </tr>
    </table>
  </marquee>
</div>

这是滚动全景HTML的正确实现吗？

3 个答案: