中老年人学电脑摄影博客

摄影采风、摄影作品欣赏、摄影指导、摄影教程、后期制作教程

日志

关于我

广阔天地

我从事中老年人摄影、计算机教育行业,在哈尔滨老年人大学任教,在从事摄影、计算机教育13年当中11年从事中老年人摄影、计算机教育,是国内最早从事中老年人计算机教育者之一,给我的感觉是中老人学得快,忘的快,人非常好,乐观向上。是我学习的榜样,我非常感谢中老年朋友,让我在学习和工作中得到了宝贵财富。

文章分类

滚动图片特效代码

2008-12-21 13:58:05| 分类：博客设置 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

1.代码如下：（换下宽值和图片地址即可!)

direction属性:决定文本的滚动方向，分为向左left和向右right，up和down默认状态向左。

滚动图片特效代码 - 广阔天地 - 中老年人学电脑博客

代码:

</P>

</MARQUEE>

2.向左移动滚动图片特效代码 - 广阔天地 - 中老年人学电脑博客

代码:

</marquee>

3.从下往上滚动滚动图片特效代码 - 广阔天地 - 中老年人学电脑博客

代码:

</marquee>

4. 从右向左滚动

欢迎光临蓝色妖姬的小屋

代码:

<marquee direction=left>从右向左滚动</marquee>

5.从左向右滚动欢迎光临蓝色妖姬的小屋

代码:

<marquee direction=right>从左向右滚动</marquee>

6.behavior属性:指定文本的滚动方式，分为三种:

Scroll:从一端消失后，在另一端出现并继续滚动。

(1)一圈一圈地滚动一圈一圈地滚动

代码:

<marquee behavior=scroll>一圈一圈地滚动</marquee>

(2)Slide:从一端滚动，接触到另一端后停止只滚动一次就停止代码:

<marquee behaviro=slide>只滚动一次就停止</marquee>

(3) Alternate:从一端滚动到另一端后，反向滚动。来回滚动代码:

direction=up（left、right、down）这个属性可以更改，这样就可以实现上下左右了

7.原地跳动的文字祝大家永远幸福

代码：

8.竖排字渐出：

我带着远古的心愿

你怀揣前世的祈盼

我饱含如许的虔诚

你浸润最深的期待

我们跨越万水千山

赴今世的约定...

你感觉我深情凝眸的甜柔

我倾听你心室澎湃的跳动

白云轻盈飘荡

星月神秘闪烁

燃烧的篝火旁

我们席地而坐

倾诉不尽的相思

燃烧的火焰是不灭的炙热

让我们一起出发

背上快乐的行囊

携着一路的欢唱

踏着灿烂的芬芳

望--天上云卷霞飞

看--地下小桥流水

拥--郁郁山川入怀

枕--簇簇波浪入眠

把--忧烦抛在身后

让--愉悦洒满诗行

代码:

<P align=left><FONT style="FONT-SIZE: 18pt; COLOR: #ea0000; FONT-FAMILY: 方正姚体" color=#ff0000>我带着远古的心愿<BR>你怀揣前世的祈盼<BR>我饱含如许的虔诚<BR>你浸润最深的期待<BR>我们跨越万水千山<BR>赴今世的约定...<BR>你感觉我深情凝眸的甜柔<BR>我倾听你心室澎湃的跳动<BR>白云轻盈飘荡<BR>星月神秘闪烁<BR><BR>燃烧的篝火旁<BR>我们席地而坐<BR>倾诉不尽的相思<BR>燃烧的火焰是不灭的炙热<BR>让我们一起出发<BR>背上快乐的行囊<BR>携着一路的欢唱<BR>踏着灿烂的芬芳<BR>望--天上云卷霞飞<BR>看--地下小桥流水<BR>拥--郁郁山川入怀<BR>枕--簇簇波浪入眠<BR>把--忧烦抛在身后<BR>让--愉悦洒满诗行 <BR><BR></FONT></P></MARQUEE></MARQUEE></DIV>

9.飞舞的文字代碼

蓝色妖姬欢迎你

代码:

提示大家字不够可以自己添加/复制<MARQUEE direction=up behavior=alternate width=40 height=150>龍</MARQUEE><FONT color=red>这代码越多你添加的字起来就不会那么别扭/当然你可以直接在上面加多几个字/颜色可以自己改

9.图片中加入文字

朋友您好！

亲自动手！

体验成功！

代码:

<TBODY>

<TR>

<TD>

向下:down 向左:alternate 向右:right

10.移动代码:

滚动图片特效代码 - 广阔天地 - 中老年人学电脑博客

代码:效果1

滚动图片特效代码 - 广阔天地 - 中老年人学电脑博客

代码:效果2

滚动图片特效代码 - 广阔天地 - 中老年人学电脑博客

代码:效果3

滚动图片特效代码 - 广阔天地 - 中老年人学电脑博客

代码:效果4

滚动图片特效代码 - 广阔天地 - 中老年人学电脑博客

代码:效果5

滚动图片特效代码 - 广阔天地 - 中老年人学电脑博客

代码:效果6

滚动图片特效代码 - 广阔天地 - 中老年人学电脑博客

代码:效果7

滚动图片特效代码 - 广阔天地 - 中老年人学电脑博客

代码:效果8

滚动图片特效代码 - 广阔天地 - 中老年人学电脑博客

代码:效果9

滚动图片特效代码 - 广阔天地 - 中老年人学电脑博客

　

代码:效果10

<TABLE cellSpacing=0 cellPadding=0 width=500 align=center border=0> <TBODY> <TR> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src="

http://img.blog.163.com/photo/YyUCc826aoBb4wH4_oMcbQ==/5137762749899687454.jpg"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="

http://img.blog.163.com/photo/YyUCc826aoBb4wH4_oMcbQ==/5137762749899687454.jpg"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src="

http://img.blog.163.com/photo/YyUCc826aoBb4wH4_oMcbQ==/5137762749899687454.jpg"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="

http://img.blog.163.com/photo/YyUCc826aoBb4wH4_oMcbQ==/5137762749899687454.jpg"></MARQUEE></TD></TR></TBODY></TABLE>

注: 各参数详解：

a)scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。

b)width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。

c)direction。表示滚动的方向，默认为从右向左：←←←。可选的值有right、down、up。滚动方向分别为：right表示→→→，up表示↑，down表示↓。

d)scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。

e)behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)

滚动图片特效代码 - 广阔天地 - 中老年人学电脑博客

评论这张

转发至微博

阅读(330)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_085069080083087071086087095095083085088068084080080067',
              blogTitle:'滚动图片特效代码',
              blogAbstract:'<P style=\"TEXT-INDENT: 2em\"\>1.代码如下：（换下宽值和图片地址即可!)</P\>\r\n<P style=\"TEXT-INDENT: 2em\"\>direction属性:决定文本的滚动方向，分为向左left和向右right，up和down默认状态向左。\r\n<MARQUEE height=88 widhth=\"200\"\>\r\n<P\></P\>\r\n<P style=\"TEXT-INDENT: 2em\"\><IMG title=\"滚动图片特效代码 - 广阔天地 - 中老年人学电脑博客\" alt=\"滚动图片特效代码 - 广阔天地 - 中老年人学电脑博客\" src=\"http://img590.photo.163.com/w-lan/5936532/1885409810.gif\" border=0\> <IMG title=\"滚动图片特效代码 - 广阔天地 - 中老年人学电脑博客\" alt=\"滚动图片特效代码 - 广阔天地 - 中老年人学电脑博客\" src=\"http://img20.photo.163.com/w-lan/5936532/102769836.gif\" border=0\> <IMG title=\"滚动图片特效代码 - 广阔天地 - 中老年人学电脑博客\" alt=\"滚动图片特效代码 - 广阔天地 - 中老年人学电脑博客\" src=\"http://img134.photo.163.com/w-lan/5936532/379656496.gif\" border=0\> <IMG title=\"滚动图片特效代码 - 广阔天地 - 中老年人学电脑博客\" alt=\"滚动图片特效代码 - 广阔天地 - 中老年人学电脑博客\" src=\"http://img590.photo.163.com/w-lan/5936532/1881379201.jpg\" border=0\> <IMG\></P\></MARQUEE\></P\>',
              blogTag:'',
              blogUrl:'blog/static/73970660200811211585705',
              isPublished:1,
              istop:false,
              type:0,
              modifyTime:0,
              publishTime:1229839085705,
              permalink:'blog/static/73970660200811211585705',
              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:'我从事中老年人摄影、计算机教育行业,在哈尔滨老年人大学任教,在从事摄影、计算机教育13年当中11年从事中老年人摄影、计算机教育,是国内最早从事中老年人计算机教育者之一,给我的感觉是中老人学得快,忘的快,人非常好,乐观向上。是我学习的榜样,我非常感谢中老年朋友,让我在学习和工作中得到了宝贵财富。',
              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/73970660200811211585705">${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 - 订阅此博客

中老年人学电脑摄影博客

导航

日志

滚动图片特效代码

历史上的今天

最近读者

热度

评论

页脚