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

中校--想说就说

开心的话 烦恼的话 高兴的话 生气的话 想说就说

 
 
 

日志

 
 

引用 [新博客教程之七]如何让多幅带连接的图片动起来--转

2006-09-11 23:12:17|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载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>

......

 

 

动作如下:用法只将代码中direction="up"引号中的文字换成下面的动作代码简称就行。

方法:[例]direction="slide"


slide滑动
scroll预设卷动
alternate来回卷动
down向下卷动
up向上卷动
right向右卷动
left向左卷动


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>

......

 

 

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

 

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

 

可以根据自己需要进行调整

              

 

               让带连接的文字移动(寒秋自行研制)

 

晕呀,本人对这些一点都不懂,只能从众多代码一点一点试,试过后,觉得还可以用,所以就帖出来与大家一起学习,如有不妥的地方,还请懂代码的朋友提点一下,对于我们这些对这方面知识不懂的人来说,看这些代码就是看天书,在众多博友的博客里也有帖出来的代码,有些太难懂了,所以还望懂代码的朋友,制作点最简单最实用的代码出来,让更多博友一起学习一下,这样也可以让博友的博客更具个性化,谢谢大家点评和支持!

 

 

 

单行文字向上移动代码:

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

 

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

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

......

 

文字向左移动代码:

<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
......

 

文字向右移动代码:

<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(高度值)

----引用 [新博客教程之七]如何让多幅带连接的图片动起来--转 - 中校 - 中校--想说就说谢谢寒秋^_^

  评论这张
 
阅读(657)| 评论(11)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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