多彩动态图片的制作方法

2025-05-11 07:44:37

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、要及时调整图片的高度,对应的地方也要调过来。

多彩动态图片的制作方法
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢