网站、博客、空间飘动的图片代码

查看文章

网站、博客、空间飘动的图片代码

2008-01-04 21:18

网站、博客、空间飘动的图片代码

1、左右飘动的图片代码
把图片地址覆盖上你的图片地址即可!(飘动范围,鼠标单击后可自由调整.如果想要有上下飘动的感觉,不要把框调整的太宽)
<MARQUEE onmouseover=stop() style="WIDTH: 622px; HEIGHT: 123px" onmouseout=start() scrollAmount=1 direction=down behavior=alternate width=622 height=123>
<MARQUEE scrollAmount=4 direction=right behavior=alternate><A href="图片地址"><IMG style="WIDTH: 80px; HEIGHT: 111px" height=70 src="图片地址" width=80 border=0></A></MARQUEE></MARQUEE></TD></TR></TABLE><FONT color=red></FONT>

2、向上滚动图片的代码
将图片地址换成你的图片地址即可!
<MARQUEE style="WIDTH: 100%; HEIGHT: 200px" scrollAmount=1 scrollDelay=90 direction=up width="28.45%" height=200><IMG src="图片地址" border=0> <BR><IMG src="图片地址" border=0> <BR><IMG src="图片地址" border=0> <BR><IMG src="图片地址" border=0> <BR></MARQUEE>

3、向下滚动图片的代码
<MARQUEE style="WIDTH: 28.45%; HEIGHT: 200px" scrollAmount=1 scrollDelay=90 direction=down width="28.45%" height=200><IMG src="图片地址" border=0> <BR><IMG src="图片地址" border=0> <BR><IMG src="图片地址" border=0> <BR><IMG src="图片地址" border=0> <BR></MARQUEE>

4、把滚动图片放在网页左右两边的代码此代码是在你博客左右两边上做个滚动图片的效果！
代码如下：
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-155); BORDER-LEFT: medium none; WIDTH: 228px; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(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/sdzwdq" target=_blank>.</A></DIV>
代码说明：
    代码中<DIV align=center><IMG style="WIDTH: 120px; HEIGHT: 200px" height=200 src="这里链接图片URL地址" width=120></DIV>
你可以自行添加或者减少，这取决于你图片的数量！
    (document.body.clientWidth)-155); （-1045为左侧滚动）
表示被定位物体的左右位置，负数值越大距离左侧越远（可自行调节）
    (document.body.clientHeight)-580);
表示被定位物体的上下位置，负数值越大距离下方越远（可自行调节）
    scrollAmount=1   scrollDelay=1
也就是滚动速度，数值越大滚动越快（可以自行数值）
    direction=是滚动的方向，up=上，down=下，left=左，right=右，
    size=3是滚动字字体的大小。可以自定义设置图片的大小调整：在显示源代码模式下，单击图片即可拉动图片调整大小！

5、把滚动图片放在横幅上面的代码 ,此代码是在你博客横幅上做个滚动图片的效果！
代码如下：
<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/sdzwdq target=_blank>.</A></DIV>
代码说明：
代码中<IMG src="这里链接图片URL地址"></IMG>你可以自行添加或者减少，这取决于你图片的数量！
图片的大小调整：在显示源代码模式下，单击图片即可拉动图片调整大小！

类别：网页博客技巧 | 添加到搜藏 | 浏览() | 评论 (0)

姓　名：	*姓名最长为50字节

网址或邮箱：	(选填)

内　容：

验证码：	请点击后输入四位验证码，字母不区分大小写看不清?
	取消回复