分享

素材:滚动相册的制作

 不才 2009-02-26

从网上收集的

牵着你的手------滚动相册制作


 

 

滚动相册制作方法:

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

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

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

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

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

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

7.将文档另存为12.html文件名,使之成为如图这样的网页文件,打开就可以欣赏制作的滚动相册了。

8.将你正在欣赏制作好的滚动相册全部复制粘贴到新编辑的文章里,大家就可以看到你的杰作了!

  

滚动相册代码     

<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="
http://image4.360doc.com/DownloadImg/2009/2/26/108370_2653912_1.jpg" /><img alt="" src="http://image4.360doc.com/DownloadImg/2009/2/26/108370_2653912_2.jpg" <img alt="" src="http://hiphotos.baidu.com/aikudeyu/pic/item/818649b5628937c237d3ca49.jpg" /> <img alt="" src="http://image4.360doc.com/DownloadImg/2009/2/26/108370_2653912_3.jpg" /> <img alt="" src="http://image4.360doc.com/DownloadImg/2009/2/26/108370_2653912_4.jpg" /> <img alt="" src="http://image4.360doc.com/DownloadImg/2009/2/26/108370_2653912_5.jpg" /> <img alt="" src=" http://image4.360doc.com/DownloadImg/2009/2/26/108370_2653912_6.jpg" /> <img alt="" src="http://image4.360doc.com/DownloadImg/2009/2/26/108370_2653912_7.jpg" /> <img alt="" src=" http://image4.360doc.com/DownloadImg/2009/2/26/108370_2653912_8.jpg" /> <img alt="" src=" http://image4.360doc.com/DownloadImg/2009/2/26/108370_2653912_9.jpg" /> <img alt="" src=" http://image4.360doc.com/DownloadImg/2009/2/26/108370_2653912_10.jpg" /> <img alt="" src="http://hiphotos.baidu.com/ylxxm/pic/item/ce55f182a666e99bf603a6d2.jpg " /> <img alt="" src=" http://hiphotos.baidu.com/ylxxm/pic/item/617748fa4ee20515a8d311dc.jpg" /> <img alt="" src="http://image4.360doc.com/DownloadImg/2009/2/26/108370_2653912_11.jpg " />
<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条评论

    发表

    请遵守用户 评论公约