代码：＜div align="center"＞＜table bgcolor="#00ff00" border="20" bordercolor="#990000" width="700"> ＜tbody> ＜tr> ＜td> ＜table bgcolor="#228b22" border="0" cellpadding="2" cellspacing="1" height="100" width="680"> ＜tbody> ＜tr> ＜td>＜marquee scrollamount="2">＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 80px; HEIGHT: 150px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 80px; HEIGHT: 150px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 80px; HEIGHT: 150px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 80px; HEIGHT: 150px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 80px; HEIGHT: 150px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 80px; HEIGHT: 150px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 80px; HEIGHT: 150px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 80px; HEIGHT: 150px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 80px; HEIGHT: 150px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 80px; HEIGHT: 150px" /> ＜/marquee>＜/td> ＜/tr> ＜/tbody> ＜/table> ＜table bgcolor="#228b22" border="0" cellpadding="2" cellspacing="1" height="100" width="680"> ＜tbody> ＜tr> ＜td width="120">＜marquee direction="down" height="270" scrollamount="2" style="height: 270px; width: 120px;" width="120"> ＜/span>＜/span>＜/p> ＜center>＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 150px; HEIGHT: 80px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 150px; HEIGHT: 80px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 150px; HEIGHT: 80px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 150px; HEIGHT: 80px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 150px; HEIGHT: 80px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 150px; HEIGHT: 80px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 150px; HEIGHT: 80px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 150px; HEIGHT: 80px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 150px; HEIGHT: 80px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 150px; HEIGHT: 80px" />＜/center> ＜/marquee>＜/td> ＜td width="450"> ＜table border="20"bordercolor="#660033"＞ ＜tbody＞ ＜tr＞ ＜td＞＜p align="center"＞＜video autoplay="autoplay" controlslist="nodownload" height="220" src="//img.tukuppt.com/video_show/3535055/00/02/29/5b548e2c12ff2.mp4" width="450"＞ ＜/video＞＜/p＞＜/td＞ ＜/tr＞ ＜/tbody＞ ＜/table＞ ＜/td＞ ＜td width="120">＜marquee direction="up" height="270" scrollamount="2" style="height: 270px; width: 120px;" width="120"> ＜center>＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 150px; HEIGHT: 80px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 150px; HEIGHT: 80px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 150px; HEIGHT: 80px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 150px; HEIGHT: 80px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 150px; HEIGHT: 80px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 150px; HEIGHT: 80px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 150px; HEIGHT: 80px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 150px; HEIGHT: 80px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 150px; HEIGHT: 80px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 150px; HEIGHT: 80px" ＜/>/center> ＜/marquee> ＜/tr> ＜/tbody> ＜/table> ＜table bgcolor="#228b22" border="0" cellpadding="2" cellspacing="1" height="100" width="680"> ＜tbody> ＜tr> ＜td>＜marquee direction="right" scrollamount="2">＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 80px; HEIGHT: 150px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 80px; HEIGHT: 150px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 80px; HEIGHT: 150px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 80px; HEIGHT: 150px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 80px; HEIGHT: 150px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 80px; HEIGHT: 150px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 80px; HEIGHT: 150px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 80px; HEIGHT: 150px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 80px; HEIGHT: 150px" /> ＜img src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" style="WIDTH: 80px; HEIGHT: 150px" /> ＜/tr> ＜/tbody> ＜/table> ＜/td> ＜/tr> ＜/tbody> ＜/table>
代码解析：很明显，本代码中使用了向上，向下，向左，向右移动四个标签，我建议初学代码的朋友把它复制下来（注意！！复制后的代码可是“错”码呀！必须把首端的尖角符号改为尖角括号，这样才能应用。符号明显比括号大些，很容易识别）。在复制的代码上，我提3个问题供朋友们去硺磨。①改变哪个值能改变鸽子的大小？②要扩大鸽子之间的间距，应该怎样做？③如果把中间的视频换一个小点或大点的图片或视频，你能换吗？换后能同时调整好鸽子吗？希望朋友们多练习。
（三十）三层图片交错移动：
代码：＜table align="center" border="15" bordercolor="#990000"＞ ＜tbody＞ ＜tr＞ ＜td style="padding: 7px;"＞ ＜div style="padding: 7px; border: 4px solid rgb(200, 255, 0); border-image: none; width: 700px; height: auto !important; text-align: center; background-color: purple;"＞ ＜div align="center">＜marquee behavior="alternate" height="420" scrollamount="2" style="width: 700px; height: 420px;">＜img height="150" src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" />＜img height="150" src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" />＜img height="150" src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" />＜/marquee> ＜div style="MARGIN-TOP: -400px; MARGIN-LEFT: 0px">＜marquee direction="right" height="420" sbehavior="alternate" scrollamount="2" style="width: 680px; height: 420px;"> ＜img height="420" src="http://img1.oldkids.cn/upload/2018/03/14/blog_20180314101715792.jpg" /> ＜img height="420" src="http://img1.oldkids.cn/upload/2018/03/14/blog_20180314101656719.jpg" /> ＜img height="420" src="http://img1.oldkids.cn/upload/2018/03/14/blog_20180314101637542.jpg" />＜/marquee>＜/div> ＜div style="MARGIN-TOP: -220px; MARGIN-LEFT: 0px">＜marquee behavior="alternate" height="240" scrollamount="2" style="width: 700px; height: 240px;">＜img height="180" src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" />＜img height="180" src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" />＜img height="180" src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" />＜img height="180" src="http://image109.360doc.com/DownloadImg/2022/08/2610/250939169_1_202208261003493.gif" />＜/marquee>＜/div> ＜/div> ＜/div> ＜/div> ＜/div> ＜/div>
代码解析：本帖有三层图片，分别由三个移动标签控制，不足为奇。新奇之处在于三图重叠。朋友们都知道，要把一张图片放在另一张图片上，那另一张图片一定是背景图片，否则，图片不会重叠在一起的。本帖中的三图都是移动的，显然都不是背景图，那为什么三图重叠了呢，它为什么能在某个位置呢？请初学代码的朋友去思索吧！看看是什么代码在起作用。朋友！不是我卖关子，不要怪我不直言，我其实是在提示你，如何自学代码。
