第三步：使全景图片移动
要使图片移动的方法很多，如用Dreamweaver的层和时间线，用javascript，甚至可以用java applet,不过我们这里用简单的：marquee。
我们先了解一下marquee的主要参数：
| bgcolor |
背景颜色，可输入颜色的英文名称或者16进制代码等； |
| direction=left|right|up|down |
滚动方向（左|右|上|下） |
| behavior=scroll|slide|alternate |
scroll表示由一端滚动到另一端；
slide表示由一端快速滑动到另一端，不再重复；
alternate表示在两端之间来回滚动； |
| height＝数值 |
滚动区域的高度； |
| width=数值 |
滚动区域的宽度； |
| scrollamount=数值 |
决定滚动的速度，数值越大滚动越快； |
| Scrolldelay=数值 |
延迟时间，数值越大跳跃越明显； |
| loop＝数值 |
循环次数，不设置该值即表示无限循环。 |
注意，marquee不仅可以使文字滚动，也可以使图片滚动，只要在<marquee>和</marquee>间插入<img
src=url>就可以了。下面我们就把全景图片插入到右侧的单元格中，代码如下：
<td background="yl-020315-3d.jpg">
<marquee behavior=scroll direction=left width=200
height=150 scrollamount=2 scrolldelay=0>
<img src="yl-020315-3d.jpg" width="800" height="150">
</marquee>
</td> |
然后我们对它添加一些行为：
| onClick="this.start()" |
当鼠标点击时开始播放； |
| onMouseOver="this.stop()" |
当鼠标移入时停止播放； |
| onMouseOut="this.start()" |
当鼠标移出时继续播放 |
另外，我们还可以加上标题：style="title:标题内容"；改变鼠标式样：style="cursor:hand"等，全部代码如下：
<td background="yl-020315-3d.jpg" title="360全景图单击开始播放">
<marquee style="cursor:hand" behavior=scroll
direction=left width=200 height=150 scrollamount=2 scrolldelay=0 onClick='this.start()'
onMouseOver='this.stop()' onMouseOut='this.start()'>
<img src="yl-020315-3d.jpg" width="800" height="150">
</marquee>
</td> |
下面是做成以后的效果：
如果你细心的话会发现图片滚动时头尾对接不上，解决的办法是在插入图片的地方重复多插几次图片，或者使用一点javascript语句让图片循环滚动。
<script language=javascript>
for(t=1;t<=1000;t++)
document.write("<img src=3d.jpg width=906 height=143>")
</script> |
第四步：制作滚动的文字说明
制作滚动文字对大家来说是家常便饭，至于怎样把文字竖排也不难，只要加上如下样式：style="writing-mode:tb-rl"即可，其中tb表示top-bottom，rl表示right-left。代码如下：
<td bgcolor="#333366" style="border-right:#333366 3
double">
<marquee style="cursor:hand" behavior=scroll
direction=right width=20 height=150 scrollamount=1 scrolldelay=0 onmouseover='this.stop()'
onmouseout='this.start()'>
<font style="margin-top:20;writing-mode:tb-rl;font-size:9pt"
face="楷体_GB2312" color="#ffffff">
全景效果图<br> <br>
三百六十度<br> <br>
全方位展示画面<br> <br>
乐趣多多！<br> <br>
TOUCH8施杨制作</font>
</marquee>
</td> |
好了，最后我们看看另外一幅图片的效果吧：
|
|
这里为您提供实例下载，大家可以仔细分析一下代码代码。
