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

.

.

 
 
 

日志

 
 

图片滚动效果  

2011-10-20 12:55:27|  分类: 代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
图片滚动效果 - classwu - Classwu空间 图片滚动效果 - classwu - Classwu空间 图片滚动效果 - classwu - Classwu空间 图片滚动效果 - classwu - Classwu空间 图片滚动效果 - classwu - Classwu空间 图片滚动效果 - classwu - Classwu空间 图片滚动效果 - classwu - Classwu空间 图片滚动效果 - classwu - Classwu空间 图片滚动效果 - classwu - Classwu空间

 

 

一、准备图片。

    1、把自己喜欢的图片保存到自己的相册中,跟据图片的大小制定比较适合的“图片展示模块”的尺寸。比如放几张大的风景图滚动起来效果很好,那么你模块的高就需要跟据图片进行调整。

 2、友情链接。有的朋友把一些好友的头像和链接制作了进来也是一种很好的效果。

 3、进入别人的相册进行挑选也可。如,进入Classwu空间→相册→挑选。

二、网易博客HTML命令及相关参数。

    1、新建HTML模块,将下面命令复制到模块中,进行修改调试后保存。命令如下:

<DIV style=" WIDTH: 100%"> 
<MARQUEE scrollAmount=2 scrollDelay=30
 direction=left width="100%" height="128">
<A http://classwu1.blog.163.com/blog/static/192837279201171991840548/
target=_blank><IMG height=128 src="http://img.blog.163.com/photo/Y1-4whLQBVJ4XR98N01d5A==/898468125660489439.jpg" width=128 border=0></A>
<A><IMG height=128 src="
http://img.blog.163.com/photo/8ADQsw9wIW2ZAqi8Qz6wgg==/1723752757376242311.jpg" width=128 border=0></A>
<A><IMG height=128 src="
http://img.blog.163.com/photo/kI1qVPv1C1on8kvzrFpNfQ==/4268849496794245535.jpg" width=128 border=0></A>
<A><IMG height=128 src="
http://img.blog.163.com/photo/bcmH88e03HdlCmvVlyrzVw==/2038723256315393985.jpg" width=128 border=0></A>
<A><IMG height=128 src="
http://img.blog.163.com/photo/v-4MW80VUWRTzXz34nFEdw==/1754996479791295019.jpg" width=128 border=0></A>
<A><IMG height=128 src="
http://img.blog.163.com/photo/K-a1I4CWkM7wfbTIoxs-VQ==/447826687946764096.jpg" width=128 border=0></A>
<A><IMG height=128 src="
http://img.blog.163.com/photo/-IlOX6V8Rrmyrn3wzDWXtg==/3451164689449796509.jpg" width=128 border=0></A>
<A><IMG height=128 src="
http://img.blog.163.com/photo/0XccelbbFk5bTQaX3qHD2Q==/2266155037497742081.jpg" width=128 border=0></A>
<A><IMG height=128 src="
http://img.blog.163.com/photo/NaamXbkyoAP7XzY9w2qi7w==/329607197728251088.jpg" width=128 border=0></A>
</MARQUEE></DIV>

     2、这组命令各参数的调整。

    direction=left 这是图片的滚动方向,可以有四个方向,分别是left right up down

     width="100%" height="128" 这是模块整体的宽和高,在网易博客中宽度就设定为100%不用变,可以跟据你模块摆放的位置自适应。高度可以跟据你需要进行调整。

     <A href="http://classwu1.blog.163.com/blog/static/192837279201171991840548/" target=_blank> 第一张图片前的这组命令和以后图片前的<A>是同一组命令,区别是加入了 href=""是点击图片打开指定链接网页,你可以把我的首页换成你想链接的地址,更可以在后面的图片上都加上链接。 target=_blank 是在新窗口打开的意思,没有这个命令就是在当前页打开。

     src="http://img.blog.163.com/photo/Y1-4whLQBVJ4XR98N01d5A==/898468125660489439.jpg"是调用这个链接地址的图片,你需要把你想展示的图片地址找到,并进行替换。如果你不知道怎么去找你相册中图片的链接地址,那么你看一下我的这篇文章。关于网络像册

     第一个图片链接后面都有一个 width=128是这张图片的宽度,是需要你跟据自己的图片大小进行调整的。

 


PowerPoint制作中秋贺卡 - classwu - .
  评论这张
 
阅读(2282)| 评论(2)
推荐 转载

历史上的今天

评论

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

页脚

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