注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

探求优美

思想知识休闲吧

 
 
 

日志

 
 
关于我

相貌与身材榜上无名,兴趣与技能尚属典雅和时尚,思想与智能比较前卫的我平时喜爱演讲辩论、看书学习、消遣书画、文案书写、策划设计等。更令身边朋友关注的是我对人际交流与沟通和青少儿教育(包括MBA和MPA教育)及传媒运作有很深厚的研究与操作。同时本人性情活跃、爱好广泛、善于交友…!

网易考拉推荐

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

2011-05-02 08:47:23|  分类: 博客制作专栏 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自Good fun《如何让图片动起来》

        近来,朋友们问图片可以粘贴了,如何让它动起来呢?现在介绍两组代码,一组向左走动,一组向上走动,你将代码复制到日志中,在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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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 - Good fun的博客乐园
欢迎光临Good fun的博客

 

 

 

 

图片链接移动代码 :

 

如何让图片动起来+图片链接移动代码  - Good fun - .
如何让图片动起来+图片链接移动代码  - 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>

  评论这张
 
阅读(105)| 评论(2)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017