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

雪花飘网易博客

离尘嚣远些,离自然近点

 
 
 

日志

 
 

【转载】制作滚动的图片  

2013-07-09 10:23:10|  分类: 博客素材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自沉默是金《制作滚动的图片》
看了我博客里一些滚动的图片吗?想做一下吗?呵呵,很简单的,跟着我一步一步地做吧!

    首先新建一个模块,然后在模块中复制粘贴入以下代码:

<marquee direction=left scrollamount=4>
<img src="图片地址1" height=150>
<img src="图片地址2" height=150>
<img src="图片地址3" height=150>
<img src="图片地址4" height=150>
<img src="图片地址5" height=150>
</marquee>

图片新窗口链接:

<MARQUEE scrollAmount=2>

<A href=http://hcsndjlch.blog.163.com/ target=_blank><IMG height=300 src="图片地址" border=0></A>

<A href=http://hcsndjlch.blog.163.com/ target=_blank><IMG height=300 src="图片地址" border=0></A>

<A href=http://hcsndjlch.blog.163.com/ target=_blank><IMG height=300 src="图片地址" border=0></A>

<A href=http://hcsndjlch.blog.163.com/ target=_blank><IMG height=300 src="图片地址" border=0></A>

<A href=http://hcsndjlch.blog.163.com/ target=_blank><IMG height=300 src="图片地址" border=0></A>

</marquee>

注:1、图片地址处替换为你想要展示的图片的地址,即“http://……………….jpg”图片文件地址,这里仅列举了5张(可以更多)图片的例子,如果必要,将代码再加一行就可以了,格式和上几行一样!(小技巧:建议将所需的图片存在你的博客相册里,这样可以加快网页打开的速度和确保不会死链。)

  2、height代表图片的高度,建议把所有的图片调整为相等的高度。

  3、scrollamount代表图片移动的速度,值越大移动越快。

  4、direction代表移动的方式,等号后面可以为left(自右向左)、right(自左向右)、up(自下向上)、down(自上向下)。

应用:1、可以用来展示一些美丽的图片,来美化页面。

   2、用来制作友情链接,将好友的图片滚动显示。

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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