养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

怎样让图片变速移动

时间:2024-11-09 01:44:35

图片移动多种多样。这里介绍一种图片变速移动——一步一停。看看,是不是挺有意思的。

工具/原料

博客

方法/步骤

1、准备图片。把计划使用的图片找出来,准备上传。下面是举例用图片。

怎样让图片变速移动

2、上传。打开自己的博客,按照步骤和提示。先将图片从硬盘上传到博客。

怎样让图片变速移动

3、复制图片地址。点“显示源代码”,进入代码编辑。找到图片地址,复制到“记事本”备用。

怎样让图片变速移动

4、编辑。清空编辑器;将下列代码粘贴到编辑器:<div><挢旗扦渌;marqueescrollamount租涫疼迟="100"scrolldelay="500"><div><imgsrc="图片地址"></div></marquee></div><div>&nbsp;</div><marqueescrollamount="82"scrolldelay="500"><fontstyle="FONT-FAMILY:黑体"color="#00ff00"><strongstyle="FONT-FAMILY:">文字</strong></font></marquee>将本文第三步备用的图片地址,粘贴到这组代码中“图片地址”那里;将“文字”换上你自己的内容。预览,成功!

怎样让图片变速移动

5、添加背景音乐(隐形播放器)。这里不单做介绍。

怎样让图片变速移动

© 一点知识