原文地址:
博客装饰-图片移动浏览作者:
漫步博客装饰-图片移动浏览
上例移动浏览图片尺寸690×517,右边是移动浏览图片的缩略图。制作图片移动浏览首先要确定在多大范围内移动。然后应用MARQUEE嵌套技巧,确定不同方向的移动。
上例的代码如下:
<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 border=2>
<TBODY>
<TR>
<TD>
<DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 600px; POSITION: relative; TOP: 0px; HEIGHT: 258px">
<MARQUEE style="LEFT: 0px; POSITION: absolute; TOP: -258px" scrollAmount=1 direction=down behavior=alternate height=775>
<MARQUEE scrollAmount=1 direction=right behavior=alternate><IMG src="
http://s12.sinaimg.cn/middle/56d3a4e1x604529f1e5bb&690">
</MARQUEE></MARQUEE></DIV></TD></TR></TBODY></TABLE></DIV>
主要代码注解:
<DIV style="LEFT(距离左边): 0px; OVERFLOW(整幅): hidden(隐藏); WIDTH(移动范围的宽度): 600px; POSITION(位置): relative(相对); TOP(距离顶部): 0px; HEIGHT(移动范围的高度): 258px">
<MARQUEE style="LEFT(距离左边): 0px; POSITION(位置): absolute(绝对) ; TOP(距离顶部):-258px " scrollAmount(移动速度)=1 direction(方向)=down(向下) behavior(方式)=alternate(来回移动) height(移动区域高度)=775>
<MARQUEE scrollAmount(移动速度)=1 direction(方向)=right behavior(方式)=alternate(来回移动)><IMG src="图片网址">
</MARQUEE></MARQUEE></DIV>
制作说明:
1、将实例的代码复制、粘帖到博文的源代码编辑区(选中“显示源代码”)
2、修改图片网址
3、确定移动范围的宽度、高度。(宽度要小于图片的宽度,高度小于等于图片高度的一半)
4、修改第一个MARQUEE的参数:距离顶部=负的移动范围的高度。移动区域的高度=图片的高度+移动范围的高度。移动速度,根据需要定。数值大移动快。
5、修改第二个MARQUEE的参数:移动速度=第一个MARQUEE的移动速度
福州话版- 绿岛小夜曲
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。