如何让图片动起来+图片链接移动代码 - Good fun的日志 - 网易博客

如何让图片动起来+图片链接移动代码

博客制作技巧 2009-05-23 17:58:13 阅读5115 评论61   字号：大中小 订阅

 

 近来，朋友们问图片可以粘贴了，如何让它动起来呢？现在介绍两组代码，一组向左走动，一组向上走动，你将代码复制到日志中，在HTML的格式下，然后更改图片地址，就可以得到不同的图片，发表日志，我这里有一些图片，大家如果要用，可以先选中，然后点击右键复制，再粘贴到留言框就可以了。

一、向左走动代码

<CENTER>
<MARQUEE width=600 height=450 scrolldely="50" align="center">
<TABLE style="BACKGROUND-IMAGE: url(http://img.bimg.126.net/photo/366o4dxMAcKetJO1enbCAA==/4788452303801958620.jpg%20+$)%20+$)+)++); WIDTH: 1130px; BORDER-BOTTOM-STYLE: outset; outset: ; ridge: " cellSpacing=4 FONT>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#8b0000 align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE height=420 cellSpacing=0 width=1130 align=center>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></MARQUEE></CENTER>
<CENTER> </CENTER></CENTER>

二、向上走动代码

<CENTER>
<MARQUEE direction=up width=600 height=450 scrolldely="50" align="center">
<TABLE style="BACKGROUND-IMAGE: url(http://img.bimg.126.net/photo/t2F6nGS7fpxxK-qVAeoJWg==/2262495862800808243.jpg%20+$)%20+$)+)++); WIDTH: 430px; BORDER-BOTTOM-STYLE: outset; outset: ; ridge: " cellSpacing=4 FONT>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#8b0000 align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE height=550 cellSpacing=0 width=430 align=center>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></MARQUEE></CENTER>
<CENTER> </CENTER></CENTER>

  三，向右走动    <MARQUEE  direction=right  width=600 height=450 scrolldely="50" align="center">
<TABLE style="BACKGROUND-IMAGE: url(http://img.bimg.126.net/photo/366o4dxMAcKetJO1enbCAA==/4788452303801958620.jpg%20+$)%20+$)+)++); WIDTH: 1130px; BORDER-BOTTOM-STYLE: outset; outset: ; ridge: " cellSpacing=4 FONT>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#8b0000 align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE height=420 cellSpacing=0 width=1130 align=center>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></MARQUEE></CENTER>
<CENTER> </CENTER></CENTER> 四，向下走动    <MARQUEE  direction=down  width=600 height=450 scrolldely="50" align="center">
<TABLE style="BACKGROUND-IMAGE: url(http://img.bimg.126.net/photo/366o4dxMAcKetJO1enbCAA==/4788452303801958620.jpg%20+$)%20+$)+)++); WIDTH: 1130px; BORDER-BOTTOM-STYLE: outset; outset: ; ridge: " cellSpacing=4 FONT>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#8b0000 align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE height=420 cellSpacing=0 width=1130 align=center>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></MARQUEE></CENTER>
<CENTER> </CENTER></CENTER>
（注：以上彩色字体部分是图片地址，代码中的＂width=600 height=450 ＂width是图片的宽［博客全屏一般是1004］　　height是图片的高） 谢谢你对本博客（http://kaixinhaoren99.blog.163.com）的支持，以后会有更多的代码给大家一起分享． 五．来回走动 <marquee width=100% behavior=alternate scrollamount=10><img src=http://img.blog.163.com/photo/ZDdhLpq6mLYh-5BaYyJ9nw==/3950219823157515052.jpgwidth=90 height=30><br><font color=0000ff size=5 face=华文行楷><b>欢迎光临Good fun</b></font></marquee>
一、向左走动代码     

                                                                     二、向上走动代码

 

    三：向右走动                                                 

                                                               四：向下走动

 

  五：来回走动  

欢迎光临Good fun的博客

 

 

 

 

图片链接移动代码 :

 

 

<marquee scrollamount="1" scrolldelay="60" direction="up" width="200" height="230"><div align="center"><a href="第一个连接网址" target="_blank"><img src="第一张图片地址" width="200" border="0" /></a></div><div align="center"><a href=第二个连接网址 target="_blank"><img src="第二张图片地址" width="200" border="0" /></a></div></marquee>