加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

菜鸟版:图片滚动起来的特效

(2005-11-24 15:10:26)
分类: 流水日志
有朋友问我,在博客上,怎么能让图片滚动起来?我也不是内行,但摸索之后总结了一些经验,现说明如下,菜鸟朋友依此法,概能成大虾了。

在代码区放入下列代码,替换其中汉字部分即可:

<MARQUEE scrollDelay=350 width="90%"><IMG style="WIDTH: 326px; HEIGHT: 218px" height=218 src="图片地址" width=326 border=0 onload="resizeImg(this,500)"> <IMG height=218 src="图片地址" border=0 onload="resizeImg(this,500)"> <IMG height=218 src="图片地址" border=0 onload="resizeImg(this,500)"></MARQUEE>

代码说明:
(1)以上是三张图片移动,每张图片中间有一个空隙,空隙代码是" "(详见上面代码示意);
(2)图片大小用上面代码中style="WIDTH: 326px; HEIGHT: 218px" height=218 控制;
(3)上述代码中每一个<IMG style="WIDTH: 326px; HEIGHT: 218px" height=218 src="图片地址" width=326 border=0 onload="resizeImg(this,500)">为一个图片单元,滚动的图片的数量根据你的需要复制添加单元,但这个新浪博客最多大概只能添加上述大小图片10张左右;
(4)上述代码中scrollDelay=350用于控制图片滚动速度;
(5)上述代码为一个从右向左滚动的效果,如果是从左向右,在代码<MARQUEE后空一格,加代码direction=right,后再空一格再接scrollDelay=350等即可。代码direction=right向右,代码direction=left向左,代码direction=up向上,代码direction=down向下。

祝各位玩博客的朋友成功。

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有