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

网海相遇缘相聚 情系延陵缘我家

延缘小家

 
 
 

日志

 
 

美化博客首页好友链接及图文移动代码  

2009-08-09 12:01:50|  分类: 美化博客素材代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

美化博客首页好友链接及图文移动代码 - 延缘之梦 - 网海相遇缘相聚 情系延陵缘我家

美化博客首页好友链接

及图像移动代码

 

美化博客首页好友链接及图文移动代码 - 延缘之梦 - 网海相遇缘相聚 情系延陵缘我家

 

 

    最近朋友们问我博客首页好友链接和图片 

移动是怎么做的,这我也说不好,就将以来做

的代码做成这个帖子,供大家参考。

     有关如何制定首页模块与在收藏栏“个性 

列表”添加模块内容的项目等方法,在这里也

就不说了,现就将代码复制粘贴如下:

 

一、侧边栏模块图片移动代码

 

<marquee scrollamount="1" scrolldelay="60" direction="up"

width="200" height="230"><div align="center"><a 

href="连接的网页地址" target="_blank"><img 

src="图片的地址" width="200" border="0" /></a> <a 

href="连接的网页地址" target="_blank"><img 

src="图片的地址" width="200" border="0" /></a> <a 

href="连接的网页地址" target="_blank"><img 

src="图片的地址" width="200" border="0" /></a> <a 

href="连接的网页地址" target="_blank"><img 

src="图片的地址" width="200" border="0" /></a> 

(以下由你继续复制粘贴)
......

说明:

1、scrollamount="1" (移动图片的速度,数字大运动快)

2、direction="up" (移动图片的速度)其中:up向上卷动,

down向下卷动,right向右卷动,left向左卷动 ,slide滑动 ,

scroll预设卷动 ,alternate来回卷动 

3、width=180设定宽度 height=30设定高度 

 

美化博客首页好友链接及图文移动代码 - 延缘之梦 - 网海相遇缘相聚 情系延陵缘我家

 

二、居中栏模块图片移动代码

 

<P align=center><BR></P>
<P align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=2 

direction=right><description><div> <a href="好友博客地址"> 

<img src="好友头像地址" border="0" width="80" height="80"/></a>

<a href="好友博客地址"> <img src="好友头像地址" border="0" 

width="80" height="80"/></a><a href="好友博客地址"> <img 

src="好友头像地址" border="0" width="80" height="80"/></a>

......

说明:

1、WIDTH: 397px; HEIGHT: 200px 为:显示窗口大小

2、width="80" height="80"为好友头像的图片大小

3、移动方向与速度可以根据自己需要进行调整

 

美化博客首页好友链接及图文移动代码 - 延缘之梦 - 网海相遇缘相聚 情系延陵缘我家

 

三、文字移动代码

 

1、单行文字向上移动代码:



<marquee scrollAmount=2 width=300 height=160 direction=up><ul> <li> <a 
href="输入你要连接的地址">输入你要显示的文字



2、多行文字同步向上移动代码:



<marquee scrollAmount=2 width=300 height=160 direction=up><ul> <li> <a 
href="输入你要连接的地址">输入你要显示的文字<ul> <li> <a 
href="输入你要连接的地址">输入你要显示的文字<ul> <li> <a 

......



3、文字向左移动代码:



<marquee scrollAmount=1.5 width=250 height=350
direction=up<description><ul> 
<description><ul> <li> <a 
href="输入你要连接的地址">输入你要显示的文字</a> </li> <li> <a

href="输入你要连接的地址">输入你要显示的文字</a> </li> <li> <a
......


4、文字向右移动代码:



<P align=center><BR></P>
<P align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=2 direction=right>
<a
href="输入你要连接的地址">输入你要显示的文字</a> </li> <li> <a

href="输入你要连接的地址">输入你要显示的文字</a> </li> <li> <a
......

说明:

scrollAmount=1.5(为速度值,值越小速度越慢,

反之越快)

width=250(宽度值) height=350(高度值)

美化博客首页好友链接及图文移动代码 - 延缘之梦 - 网海相遇缘相聚 情系延陵缘我家

 

 

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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