把滚动图片定位在网页任意位置上_楚楚伊人_新浪博客

新浪博客

加载中…

http://blog.sina.com.cn/u/1463790452

首页博文目录关于我

个人资料

微博

加好友发纸条

写留言加关注

博客等级：
博客积分：

博客访问：
关注人气：
获赠金笔：0支
赠出金笔：0支
荣誉徽章：

正文字体大小：大中小

把滚动图片定位在网页任意位置上

(2006-06-13 14:53:16)

分类：博客万事通

1*把滚动图片放在横幅上面：

（此代码为精武门主自行修改而成，新浪博客独家提供。转载请注明出处）

<DIV style="RIGHT: 0px; WIDTH: 600px; POSITION: absolute; TOP: 0px; HEIGHT: 90px">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>
<P align=center><SPAN style="FONT-SIZE: 0px">
<MARQUEE width=1010>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
<IMG src="这里链接图片URL地址"></IMG>
</MARQUEE></SPAN></P></TD></TR></TBODY></TABLE><A href="http://blog.sina.com.cn/m/kongfu" target=_blank>.</A></DIV>

2*把滚动图片放在网页左右两边：

（此代码为精武门主自行修改而成，新浪博客独家提供。转载请注明出处）

<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression_r(eval_r(document.body.scrollLeft)+eval_r(document.body.clientWidth)-155); BORDER-LEFT: medium none; WIDTH: 228px; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression_r(eval_r(document.body.scrollTop)+eval_r(document.body.clientHeight)-580); HEIGHT: 265px; TEXT-ALIGN: center">
<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD>
<DIV>
<P align=center><SPAN style="FONT-SIZE: 13px">
<MARQUEE direction=up width=120 height=600>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
</MARQUEE></SPAN><FONT color=#00cc00 size=7>   </FONT><FONT color=#00cc00 size=6></FONT><FONT color=#00cc00 size=7></FONT></P></DIV></TD></TR></TBODY></TABLE><A href="http://blog.sina.com.cn/m/kongfu" target=_blank>.</A></DIV>

代码说明：

(document.body.clientWidth)-155); （-1045为左侧滚动）
表示被定位物体的左右位置，负数值越大距离左侧越远（可自行调节）
(document.body.clientHeight)-580);
表示被定位物体的上下位置，负数值越大距离下方越远（可自行调节）
scrollAmount=1 scrollDelay=1
也就是滚动速度，数值越大滚动越快（可以自行数值）
direction=是滚动的方向，up=上，down=下，left=左，right=右，
size=3是滚动字字体的大小。都可以自定义设置

此代码为精武门主在新浪博客独家首发.转载请注明出处.

　

文章引用自: 精武门主

图片滚动代码 (从右向左滚动)
<marquee scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">
<img border="0" src=" http://要滚动的图片地址1">
<img border="0" src=" http://要滚动的图片地址2">
</marquee>

图片滚动代码 (从下往上滚动)
<marquee onMouseOver="this.stop()" onMouseOut="this.start()" align=center direction=up scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">
<img border="0" src=" http://要滚动的图片地址1">
<img border="0" src=" http://要滚动的图片地址2">
</marquee>

文字滚动代码 (从右向左滚动)
<marquee width="157" height="21">要滚动的文字</marquee>

文字滚动代码 (从下往上滚动)
<marquee bgcolor=#ffffff class=p4 direction=up height=60 scrollamount=1 scrolldelay=50 style="COLOR: #000000; class: " width=157 text-align: left? border="0" ;>要滚动的文字</marquee>

文章引用自：http://http://blog.sina.com.cn/u/47153aeb010002gl

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

前一篇：偶的新技能（一）

后一篇：照片

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

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

Copyright © 1996 - 2022 SINA Corporation, All Rights Reserved

新浪公司版权所有