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

雨星的博客

淘宝小店小雨时尚女鞋http://rainmmshoes.taobao.com

 
 
 

日志

 
 

滚动图片--在网易博客中如何自定义图片展示效果  

2013-03-09 23:52:21|  分类: 实用 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
在网易博客中如何自定义图片展示效果 

 一、准备图片。
1、图片都存放在相册中

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

 3、友情链接。有的朋友把一些美女好友的头像和链接制作了进来也是一种很好的效果。 二、网易博客HTML命令及相关参数。 1、新建HTML模块,将下面命令复制到模块中,进行修改调试后保存。命令如下:
滚动图片 - 老林 - 老林的博客 滚动图片 - 老林 - 老林的博客 滚动图片 - 老林 - 老林的博客 滚动图片 - 老林 - 老林的博客 滚动图片 - 老林 - 老林的博客 滚动图片 - 老林 - 老林的博客 滚动图片 - 老林 - 老林的博客 滚动图片 - 老林 - 老林的博客 滚动图片 - 老林 - 老林的博客
2、这组命令各参数的调整。 direction=left 这是图片的滚动方向,可以有四个方向,分别是left right up down width="100%" height="128" 这是模块整体的宽和高,在网易博客中宽度就设定为100%不用变,可以跟据你模块摆放的位置自适应。高度可以跟据你需要进行调整。


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

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

 scrollAmount移动速度 值越大越快  scrollDelay滚动延时属性 设定两次滚动操作之间的间隔时间 单位为毫秒(数值越大,时间间隔也越大)

其他移动方式:behavior="alternate"左右移动命令可放方向处

命令如下:

<DIV style=" WIDTH: 100%"> 
<MARQUEE scrollAmount=2 scrollDelay=30
 direction=left width="100%" height="128">
<A href="超链接地址
" target=_blank><IMG height=128 src="图片地址" width=128 border=0></A>
<A><IMG height=128 src="
图片地址 " 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>

     

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


每个图片都加超链接的话可以先在别的地方像做好之后,一次性放入模块,这样就不会看花眼

移动方式:四个方向,分别是left right up down还有behavior="alternate"左右来回命令可放方向处

如下:

<DIV style=" WIDTH: 100%"> 
<MARQUEE scrollAmount=2 scrollDelay=30
 direction=left width="100%" height="128">
<A href="超链接地址
" target=_blank><IMG height=128 src="图片地址" width=128 border=0></A>
<A href="超链接地址" target=_blank> 

<IMG height=128 src="http://img.blog.163.com/photo/8ADQsw9wIW2ZAqi8Qz6wgg==/1723752757376242311.jpg" width=128 border=0></A>

每个前面都加个这个   <A href="超链接地址" target=_blank>

复制下第一条然后照着填就OK了
  评论这张
 
阅读(401)| 评论(10)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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