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

居士雅韵

精品博客:cqwxl5521.blog.163.com

 
 
 

日志

 
 

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

2011-01-15 21:58:40|  分类: 博客技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自Good fun《如何让图片动起来》
和大家分享这篇日志,我的看法是:博客技巧要多学习引用!

 
原文地址:如何让图片动起来+图片链接移动代码&nb    原文作者: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>

 

 


如何让图片动起来+图片链接移动代码  - Good fun - .
相关文章
什么是代码及代码怎么用?
博客制作基础篇(一)
搏客制作高级篇
妙用起伏飞翔代码所产生的特殊效果
文字图片的链接必须学
给照片加上像框及几款精美相框
怎样为博客浏览器背景换上自己喜欢的图片
几款新颖的天气预报及添加方法
各类导航代码
特效图片合成代码
30多款访客停留计时器及代码
网易博客代码(QQ类)
精美日志边框【十七】
会动的顶区背景图

如何让图片动起来+图片链接移动代码  -思源 - . 
  评论这张
 
阅读(320)| 评论(0)
推荐 转载

历史上的今天

评论

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

页脚

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