多彩动态图片的制作方法
1、先准备一张照片放在电脑硬盘备用。
2、将这张照片上传到自己网站或博客,不发表,让编辑器处于代码编辑状态,复制图片地址,放到“记事本”备用。如果是网上现成照片,直接右击,点“属性”,复制图片地址备用。
3、让网站或博客编辑器处于代码编辑状态,将下列代码贴入:<marquee style="WIDTH: 100%;" height="324" scrollamount="7" scrolldelay="30"><img src="图片地址" width="300"></marquee><div style="MARGIN-TOP: -324px; MARGIN-LEFT: 0px;"><marquee style="WIDTH: 100%;" height="324" scrolldelay="30"><img src="图片地址" width="300"></marquee></div><div style="MARGIN-TOP: -324px; MARGIN-LEFT: 0px;"><marquee style="WIDTH: 100%;" height="324" scrollamount="5" scrolldelay="30"><img src="图片地址" width="300"></marquee></div>然后将“图片地址”那里换上本文第二步备用的图片地址。
4、第三步完成后,图片就产生效果了,但还要提高。每增加一张图片添加一组代码:<div style="MARGIN-TOP: -泌驾台佐324px; MARGIN-LEFT: 0px;"><marquee style="WIDTH: 100%;" height="324" scrollamount="5" scrolldelay="30"><img src="http://i2.tietuku.com/7399f29d43f4b2ecs.jpg" width="300"></marquee></div>
5、在第四步增加图片时,要注意调整移动速度(scrollamount)。
6、要及时调整图片的高度,对应的地方也要调过来。