注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

西伯利亚狼的博客

要傲, 傲得像兰,高挂一脸秋霜;要穷 ,穷得像茶,苦有一缕清香。

 
 
 

日志

 
 

【转载】利用代码制作多张图片滚动【扯协音画速成班讲座4】  

2017-12-27 21:17:32|  分类: 【博客制作】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

    经常在博客里看到很多滚动图片,看到博主的精湛玩博技巧,非常羡慕,常常想什么时候自己也能制作滚动图片就好了,于是乎,没事就瞎鼓捣呗,你还别说,网络不负有心人,我经过2500多天的摸索,还真鼓捣出点门道来了,今天晒出来和大家分享;

下面就请扯协著名摄影家我的好友不是靓妞老师给我们讲讲,如何利用代码在背景图片上制作多图滚动:

 怎样制作多张图片滚动【扯协音画速成班讲座4】 - 大北方 - 大北方的博客

 
不是靓妞:童鞋们好!
学员:老师好!
    今天由我来主讲如何利用代码在背景图片上制作多图滚动,我们在博客经常看到,许多博主制作的漂亮滚动图片,但是一看到密密麻麻的代码就有点晕,今天我就来告诉大家一个简单易学的方法:

制作滚动图片步骤:

     一、选几张你喜欢的照片,我们把它叫做素材图片,存入我的相册,以便于获取图片地址。

二、复制如下代码:

<CENTER>

<TABLE style="BORDER-RIGHT: rgb(102,153,153) 5px dotted; BORDER-TOP: rgb(102,153,153) 5px dotted; BORDER-LEFT: rgb(102,153,153) 5px dotted; BORDER-BOTTOM: rgb(102,153,153) 5px dotted" height=200 width=200 background=底图地址 border=1>
<TBODY>
<TR>
<TD width=200>
<MARQUEE scrollAmount=2>
<IMG height=200 src="滚动图片地址" width=200 border=0>
</MARQUEE></TD></TR></TBODY></TABLE></CENTER>
注:这组代码取自于寒冬腊月的博客,在此谢过。
三、点开写日志,在草稿箱功能栏里找到<>符号,它就是切换代码页面的符号,点开<>切换到代码页面,把复制好的代码粘贴上。下面是效果图:

怎样制作多张图片滚动【扯协音画速成班讲座4】 - 大北方 - 大北方的博客
四、熟悉上面这组代码的几个关键数字,绿色字体表示边框高度
height=200 ,粉色字体表示边框宽度width=200 ,红色字体里面的height=200、width=200分别表示滚动图片的高度和宽度;蓝色字体是表示图片滚动速度的,数字越大速度越快,(为了便于区分,我们把代码的几个关键数字换上颜色了,实际操作时,代码都是黑色字体,大家要熟记了这几组数字。)改动时只需改动=后面的数字。
五、把上面的红色代码复制然后在红色代码下面粘贴,想粘贴多少次根据你自己需要。
六、把底图地址换上你需要的,然后依次把复制黏贴的代码"滚动图片地址" 换上你需要的,也就是你上传到相册里的素材图片的地址。
七、怎样获取素材图片的地址呢?这个很简单的,就是打开相册,对准你选择的图片,右键点击,就出来个对话框,这个对话框的第三行,写着复制图片地址,我们把鼠标拉到此位置,然后左键一点就获取到了,然后到你的草稿箱里,把"滚动图片地址"几个字删掉,千万不要把引号也删掉,那样就不显示图片了,粘贴上刚才复制的地址,然后别忘记再点击一下<>符号,回到编辑页面,就成功了!
这是大北方制作的《扯协群英谱1》,里面是30幅图片滚动,请大家观摩,
2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客 2015年02月08日 - 大北方 - 大北方的博客
 是不是很好玩啊!大家快回家试试吧。


  评论这张
 
阅读(5)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018