小小 BLOG

This is the place where I pour into lov

日志

关于我

小小 BLOG

人生之路,从起点到终点,奔波忙碌中也遇人无数。能有缘遇到,同路,并肩走上一程,即算缘分和幸事。然而人生的残酷在于,绝少或者没有人能一路相陪。所以,人,注定了要学会一个人走。

文章分类

图片移动效果代码

2009-01-20 04:26:57| 分类：博客代码 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

单张图片移动效果
【代码说明】(scrollAmount移动速度，数值越大，速度越快；direction是移动方向。

向左移动效果

向左移动代码

向右移动效果

向右移动代码

向上移动效果

向上移动代码

向下移动效果

向下移动代码

<marquee scrollAmount=2 direction=down><img src=图片地址 width=200 height=160></marquee>
【代码说明】(scrollAmount移动速度，数值越大，速度越快；direction是移动方向,width图片的宽度；height图片要移动的上下距离)

来回移动效果

来回移动代码

分段向上移动效果

分段向上移动代码

左右摇摆向上移动效果

左右摇摆向上代码

图片缓慢出现效果
【代码说明】(scrollAmount移动速度，数值越大，速度越快；direction是移动方向。

向下效果

向下代码

向上效果

向上代码

向右效果

向右代码

向左效果

向左代码

图片缓慢出现循环效果
【代码说明】(scrollAmount移动速度，数值越大，速度越快；direction是移动方向。

从上到下效果

从上到下代码

从下到上效果

从下到上代码

从左到右效果

从左到右代码

从右到左效果

从右到左代码

多张图片移动效果
【代码说明】
在单张图片移动效果的基础上，连续插入新的图片地址代码，把代码添加在最后一个前面。

多张图片向左移动效果

多张图片向左移动代码

多张图片移动加链接地址效果
【代码说明】
在多张图片移动效果的基础上，在图片地址前加上你要链接到的目的地址。

效果

代码

图片移动加FLASH特效

效果

代码

百叶窗移动效果

效果

代码

特殊移动效果

上下起伏移动效果

上下起伏移动代码

中间向两边移动效果

中间向两边移动代码

中间上下移动效果

中间上下移动代码

评论这张

转发至微博

阅读(2232)| 评论(9)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_085068082084086070092081082095081085081069093085085066',
              blogTitle:'图片移动效果代码',
              blogAbstract:'  <p align=\"center\"   \>  <table title=\"小小编制/请勿篡改！\"   border=\"2\"   cellspacing=\"3\"   bordercolor=\"#54461c\"   bordercolordark=\"#333300\"   cellpadding=\"0\"   width=\"550\"   background=\"http://img.blog.163.com/photo/6QNjDN37RzPvjLTa9Y7kNA==/3701958893699170572.jpg\"   align=\"center\"   \>  <tbody\>  <tr\>  <td\>  <table border=\"1\"   cellspacing=\"15\"   bordercolor=\"#54461c\"   cellpadding=\"2\"   width=\"100%\"   background=\"http://img.blog.163.com/photo/6QNjDN37RzPvjLTa9Y7kNA==/3701958893699170572.jpg\"   align=\"center\"   \>  <tbody\>  <tr\>  <td\>  <table title=\"小小编制/请勿篡改！\"   border=\"1\"   cellspacing=\"2\"   bordercolor=\"#54461c\"   bordercolordark=\"#333300\"   cellpadding=\"0\"   width=\"550\"   background=\"http://img.blog.163.com/photo/6QNjDN37RzPvjLTa9Y7kNA==/3701958893699170572.jpg\"   align=\"center\"   \>  <tbody\>  </table\></td\></tr\></table\></td\></tr\></table\></p\>',
              blogTag:'',
              blogUrl:'blog/static/53069331200902042657530',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1457528648111,
              publishTime:1232396817530,
              permalink:'blog/static/53069331200902042657530',
              commentCount:9,
              mainCommentCount:9,
              recommendCount:4,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'人生之路,从起点到终点,奔波忙碌中也遇人无数。能有缘遇到,同路,并肩走上一程,即算缘分和幸事。然而人生的残酷在于,绝少或者没有人能一路相陪。所以,人,注定了要学会一个人走。',
              hmcon:'0',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/53069331200902042657530">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

小小 BLOG

导航

日志

图片移动效果代码

历史上的今天

最近读者

热度

评论

页脚