好友

享受生命，享受健康，享受快乐，享受幸福！

日志

关于我

好友

一个善解人意,宽宏大量,包容一切,非常随和的老人。

文章分类

图片雾化移动特效代码

2013-07-13 00:27:09| 分类：【博客知识】 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

图片雾化移动特效代码

本文转载自江南浪子《图片雾化移动特效代码》

图片雾化移动特效代码

1.圆形透明左右移动代码：

<MARQUEE scrollAmount=3 behavior=alternate><TABLE><TBODY><TR><TD style="FILTER: Alpha(opacity='95',style='2')" width=宽度 background=图片地址 height=高度></TD></TR></TBODY></TABLE></MARQUEE>

效果：

2.圆形形透明向上移动代码：

备注：HEIGHT=高度移动运行高度。

效果：

3.圆形形透明向下移动代码：

备注：HEIGHT=高度移动运行高度。

效果：

4.圆形形透明向左移动代码：

<MARQUEE scrollAmount=3 direction=left><TABLE><TBODY><TR><TD style="FILTER: Alpha(opacity='95',style='2')" width=宽度 background=图片地址 height=高度></TD></TR></TBODY></TABLE></MARQUEE>

效果：

5.圆形透明向右移动代码：

效果：

6.方形透明左右移动代码：

<MARQUEE scrollAmount=3 behavior=alternate><TABLE><TBODY><TR><TD style="FILTER: Alpha(opacity='95',style='3')" width=宽度 background=图片地址 height=高度></TD></TR></TBODY></TABLE></MARQUEE>

效果：

7.方形透明向上移动代码：

<MARQUEE scrollAmount=3 direction=up behavior=scroll HEIGHT=高度>

<TABLE><TBODY><TR><TD style="FILTER: Alpha(opacity='95',style='3')" width=宽度 background=图片地址 height=高度></TD></TR></TBODY></TABLE></MARQUEE>

备注：HEIGHT=高度移动运行高度。

效果：

8.线状透明左右移动代码：

<MARQUEE scrollAmount=3 behavior=alternate><TABLE><TBODY><TR><TD style="FILTER: Alpha(opacity='95',style='1')" width=宽度 background=图片地址 height=高度></TD></TR></TBODY></TABLE></MARQUEE>

效果：

9.线状透明向上移动代码：

<MARQUEE scrollAmount=3 direction=up behavior=scroll HEIGHT=高度>
<TABLE><TBODY><TR><TD style="FILTER: Alpha(opacity='95',style='1')" width=宽度 background=图片地址 height=高度></TD></TR></TBODY></TABLE></MARQUEE>

备注：HEIGHT=高度移动运行高度。

效果：

10.圆形透明加入透明的FLASH代码：

效果：

友情提示：

style:0—平均透明 1—线状透明 2—圆形透明 3—菱形透明
direction=up表示向上 =down表示向下 =left表示向左 =right表示向右
可以随意更改。

读书园地	精美图文		边框分割	哲理感悟
博客代码	美图欣赏		音乐殿堂	美食天地
博客知识	电脑知识		影视园地	百科知识
幽默笑话	美景欣赏		QQ知识	音画视频
民间验方	点击进入好友博客，分享更多精彩...			品茶之道
分类日志		精品精华	健康养生
五花八门	美文欣赏	戏曲音乐	佛教音乐	美好祝福
珍贵图片	有声读物	日志导航	回望高原	周末游戏

评论这张

转发至微博

阅读(86)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087064085080083064081087094070072087082075085081095071083086',
              blogTitle:'图片雾化移动特效代码',
              blogAbstract:'\r\n<TABLE border=\"1\"  cellSpacing=\"35\"  borderColor=\"#039902\"  cellPadding=\"0\"  width=\"750\"  background=\"http://img.ph.126.net/M3kDOZ2w8umxXBjJUxNkEw==/1514898324657404245.jpg\"  align=\"center\"  \>\r\n<TBODY\>\r\n<TR\>\r\n<TD\>\r\n<TABLE style=\"BORDER-COLLAPSE: collapse;\"   border=\"1\"  cellSpacing=\"3\"  borderColor=\"#111111\"  cellPadding=\"0\"  width=\"90%\"   background=\"http://www.spiritisup.com/truesungold.jpg\"  align=\"center\"  \>\r\n<TBODY\>\r\n<TR\>\r\n<TD width=\"100%\"   \>\r\n<CENTER\>\r\n<TABLE width=\"99%\"   background=\"http://img775.ph.126.net/W0ZtSl9pWnlHGULFu1yN7g==/4856569248166039304.jpg\"  \>\r\n<TBODY\>\r\n<TR\>\r\n<TD width=\"100%\"   \>\r\n<CENTER\>\r\n</CENTER\></TD\></TR\></TABLE\></CENTER\></TD\></TR\></TABLE\></TD\></TR\></TABLE\>',
              blogTag:'',
              blogUrl:'blog/static/13817947020136124503995',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1373646429871,
              publishTime:1373646429677,
              permalink:'blog/static/13817947020136124503995',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              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:'1',
              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/13817947020136124503995">${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 - 订阅此博客

好友

导航

日志

图片雾化移动特效代码

历史上的今天

最近读者

热度

评论

页脚