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

.

.

 
 
 

日志

 
 

【转载】单张图片『滚动』的制作方法  

2015-11-12 17:56:32|  分类: 知识广角 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 
单张图片『滚动』的制作方法 - 寒冬腊月 - .
 
将向博客新手详细解讲制作过程
撰文:寒冬腊月 

单张图片『滚动』的制作方法 - 寒冬腊月 - .

单张图片『滚动』的制作方法 - 寒冬腊月 - .

单张图片『滚动』的制作方法 - 寒冬腊月 - .

单张图片『滚动』的制作方法 - 寒冬腊月 - .

单张图片『滚动』的制作方法 - 寒冬腊月 - .

单张图片『滚动』的制作方法 - 寒冬腊月 - .

单张图片『滚动』的制作方法 - 寒冬腊月 - .

单张图片『滚动』的制作方法 - 寒冬腊月 - .

单张图片『滚动』的制作方法 - 寒冬腊月 - .

单张图片『滚动』的制作方法 - 寒冬腊月 - .

单张图片『滚动』的制作方法 - 寒冬腊月 - .

单张图片『滚动』的制作方法 - 寒冬腊月 - .

单张图片『滚动』的制作方法 - 寒冬腊月 - .

单张图片『滚动』的制作方法 - 寒冬腊月 - .

单张图片『滚动』的制作方法 - 寒冬腊月 - .

单张图片『滚动』的制作方法 - 寒冬腊月 - .

<MARQUEE scrollAmount=4 scrollDelay=60 width=740 direction=left height=190><IMG src="http://img.blog.163.com/photo/W1byYmccis79nM_YqCog-Q==/2581969961367935308.jpg" border=0></MARQUEE>

 三、解读代码知识点

 1、<marquee scrollamount=4 scrolldelay=60 direction="left" width=740 height=190>

 以上代码即是滚动代码,它是固定搭配,无需更改。其中:

 scrollamount=4:数字“4”代表移动速度,可根据自己的情况调整,值在1-15之间,越大移动越快。

 scrolldelay=60:不用理它,就这样好了。

 direction=left:表示方向,:“left ” 向左移动,可改为上:up   下:down   右:right  。

 width=740:数字“740”表示制定义板块的长度(底边长),可根据自己的情况调整。

 height=190:数字“190”表示自定义板块的高度,可根据自己的情况调整。

 那么, width=740  height=190:结合在一起,表示自定义板块:740(长)/190(高)。

 2、<IMG src="http://img.blog.163.com/photo/W1byYmccis79nM_YqCog-Q==/2581969961367935308.jpg" border=0>这也是固定的,表示一张图片的滚动.

(需要补充说明:滚动图片的大小尺寸和实际图片尺寸相同.)

 3、那么在实际操作中,你也可以适当缩放滚动图片的尺寸大小.只要在这段代码中添加width=150  ,使该段代码变为:

 <MARQUEE scrollAmount=4 scrollDelay=60 width=740 height=190><IMG src="http://img.blog.163.com/photo/W1byYmccis79nM_YqCog-Q==/2581969961367935308.jpg" width=150  border=0></MARQUEE>

即可; 得到的滚动效果图如下:

单张图片『滚动』的制作方法 - 寒冬腊月 - .

 4、以上就是单张图片滚动的制作方法,不知道你看明白了吗?不妨自已亲手试一下,看看如何?

单张图片『滚动』的制作方法 - 寒冬腊月 - .

单张图片『滚动』的制作方法 - 寒冬腊月 - .

   单张图片『滚动』的制作方法 - 寒冬腊月 - .  点击进入   所有代码的添加方法

单张图片『滚动』的制作方法 - 寒冬腊月 - .

单张图片『滚动』的制作方法 - 寒冬腊月 - .

 

单张图片『滚动』的制作方法 - 寒冬腊月 - .

单张图片『滚动』的制作方法 - 寒冬腊月 - .

单张图片『滚动』的制作方法 - 寒冬腊月 - .

单张图片『滚动』的制作方法 - 寒冬腊月 - .

  ◇单张图片『滚动』的制作方法◇   ◇多张图片『滚动』的制作◇
  ◇图中图移动的制作方法◇   ◇如何用图片制作来回滚动友情链接◇
  ◇滚动图片加链接的制作方法◇   ◇多图滚动加链接的制作方法◇ 
  ◇图片屏风开合滚动的制作◇   ◇如何侧边栏多图片向上滚动的代码◇
  ◇图片『倒影+雾化』效果的制作◇   ◇图片移动代码集锦◇
  ◇滚动.透明.对开图制作   ◇用u5制作滚动的图片效果◇
  ◇滚动图片的代码解析◇   ◇怎样做文字图片的链接◇
   ◇所有代码的粘贴方法◇   ◇怎样找准图片的正确网址◇
 ◇博客首页‘自定义模块的添加◇   ◇怎样分享别人的模块◇
单张图片『滚动』的制作方法 - 寒冬腊月 - . 

单张图片『滚动』的制作方法 - 寒冬腊月 - . 

   单张图片『滚动』的制作方法 - 寒冬腊月 - .

单张图片『滚动』的制作方法 - 寒冬腊月 - .

单张图片『滚动』的制作方法 - 寒冬腊月 - .
新手入门篇 文字类制作 图片类制作 日历、时钟制作
博客素材类 "边框"的制作 u5 教程 PS 教程
情感天地 生活常识 教子必读 音画欣赏
男人女人 测算运气 驾车技巧 幽默笑话
●新手入门篇●/●文字类制作●/●图片类制作●/●日历、时钟制作类●/●博客制作(素材类)●/●"边框"的制作●

单张图片『滚动』的制作方法 - 寒冬腊月 - .

     点击进入   在我的博客,更多精彩等着你!

单张图片『滚动』的制作方法 - 寒冬腊月 - .

 

单张图片『滚动』的制作方法 - 寒冬腊月 - .

单张图片『滚动』的制作方法 - 寒冬腊月 - .

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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