加载中…
把滚动图片定位在网页的任意位置上（超级精品）转载
(2006-06-09 17:24:56)| 分类： 它山之石（博客秘籍） |
|
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>kongfu</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 src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></DIV> <DIV align=center><IMG src="这里链接图片URL地址"></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/binghe2008 target=_blank>binghe2008</A></DIV> |
| 代码说明： |
| (document.body.clientWidth)-155);
（-1045为左侧滚动） 表示被定位物体的左右位置，负数值越大距离左侧越远（可自行调节） (document.body.clientHeight)-580); 表示被定位物体的上下位置，负数值越大距离下方越远（可自行调节） scrollAmount=1 direction=是滚动的方向，up=上，down=下，left=左，right=右， size=3是滚动字字体的大小。都可以自定义设置 |
| 此代码为精武门主在新浪博客独家首发.转载请注明出处. |
文章引用自: http://blog.sina.com.cn/u/48e939f10100046d
喜欢
0
赠金笔
前一篇：滚动字幕&背景音乐