分享

【自制相册】滚动相册制作

 XIYANGWUXIANMEI 2012-06-30
夕阳无限美欢迎您

 

代 码 复 制 如 下:

<center>

<table cellspacing="5" cellpadding="5" width="690" align="center" border="5">

                 <tbody>

                     <tr>

                         <td><center><marquee scrollamount="4" direction="up" height="485"><img alt="" src=""><img alt="" src="http://image52.360doc.com/DownloadImg/2012/06/3008/25195941_2.jpg" <img=""> <img alt="" src="http://image52.360doc.com/DownloadImg/2012/06/3008/25195941_3.jpg"> <img alt="" src="http://image52.360doc.com/DownloadImg/2012/06/3008/25195941_4.jpg"> <img alt="" src="http://image52.360doc.com/DownloadImg/2012/06/3008/25195941_5.jpg"> <img alt="" src=" http://image52.360doc.com/DownloadImg/2012/06/3008/25195941_6.jpg"> <img alt="" src="http://image52.360doc.com/DownloadImg/2012/06/3008/25195941_7.jpg"> <img alt="" src=" http://image52.360doc.com/DownloadImg/2012/06/3008/25195941_8.jpg"> <img alt="" src=" "> <img alt="" src=" http://image52.360doc.com/DownloadImg/2012/06/3008/25195941_10.jpg"> <img alt="" src="http://image52.360doc.com/DownloadImg/2012/06/3008/25195941_11.jpg "> <img alt="" src="http://image52.360doc.com/DownloadImg/2012/06/3008/25195941_12.jpg"> <img alt="" src="http://image52.360doc.com/DownloadImg/2012/06/3008/25195941_13.jpg "> 

<br>

                         <br>

                         </marquee></center></td>

                     </tr>

                 </tbody>

</table>

</center>

<p><font color="#000080" size="2"></font></p>

显示1(向上滚动)



显示2(向下滚动)



显示3(向左滚动)
           



显示4(向右滚动)
           


 

滚动相册制作方法:

1.新建一文本文档,将下列代码复制粘贴到文档里。橘色部分为滚动相册规格大小,粉色部分为图片链接网址。

2.<CENTER></CENTER>前后代码代表居中的意思,可以居中滚动。

3,scrollAmount=1 scrollDelay=1可以设置数值,也就是滚动速度,数值越大滚动越快。

4,direction是方向,up=上,down=下,left=左,right=右,都可以自定义,愿意怎么滚动就怎么滚动。

5,width 宽度,height 高度可以更改

6.所有图片最好尺寸统一,滚动相册的规格要和图片的大小相一致,这样看起来比较美观。


滚动相册通用代码     

<center>
<table cellspacing="5" cellpadding="5" width="690" align="center" border="5">
                 <tbody>
                     <tr>
                         <td><center><marquee scrollamount="4" direction="up" height="485"><img alt="" src="
图片地址" /><img alt="" src="
 图片地址 " <img alt="" src=" 图片地址 " /> <img alt="" src=" 图片地址" /> <img alt="" src=" 图片地址 " /> <img alt="" src=" 图片地址 " /> <img alt="" src="  图片地址 " /> <img alt="" src=" 图片地址 " /> <img alt="" src="  图片地址 " /> <img alt="" src="  图片地址 " /> <img alt="" src="  图片地址 " /> <img alt="" src=" 图片地址  " /> <img alt="" src="  图片地址 " /> <img alt="" src=" 图片地址  " /> 
<br />
                         <br />
                         </marquee></center></td>
                     </tr>
                 </tbody>
</table>
</center>
<p><font color="#000080" size="2"></font></p>
<p><font color="#000080" size="2"></font> </p>
             



    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约