打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
博客装饰-图片移动浏览
原文地址:博客装饰-图片移动浏览作者:
博客装饰-图片移动浏览
上例移动浏览图片尺寸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&amp;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的移动速度
福州话版- 绿岛小夜曲
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
代码入门教程(13)
左右相背移动的图片代码
html 滚动字幕 制作滚动字幕效果 参数
相片在图片中游动04
自动收缩展开图代码
动态图片处理特效代码
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服