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

蓝天的百科知识殿堂

养生秘笈 素材超市 哲理感悟 极品音画 生活导航 ....

 
 
 

日志

 
 
关于我

我历经艰辛为祖国献石油36载 、退休后做社区志愿者 、老有所学的从零起步自学电脑 、老有所乐的开博晋升到50级 、老有所为的创建有一万七千余朋友的【夕阳正红】博客网易大圈——其宗旨是:天地有情、孝道无价!“爱老敬老”是中华民族之厚德 、是良知和道义的感应 !本圈传承中华“孝”文化正能量:其宗旨——“以和为贵、以孝为魂、以诚取信、以德取胜”!这朵奇葩是您“ 以文会友的和谐圣地 ”、也是您辛勤笔耕的展示平台。“敬老己受益”、愿我们爱与夕阳同在的携手同行、将“孝道光芒”永远温暖每一位老年朋友的心灵!

网易考拉推荐

【转载】移动字代码  

2010-05-23 22:53:50|  分类: 素材超市 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
一、从右向左移

 代码 

<marquee direction=left>需要移动的文字</marquee>

试例效果:
 
 
从右向左移
 
 
二、从左向右移

 代码 

<marquee direction=right>需要移动的文字</marquee>

试例效果:
 
 
从左向右移
 
 
三、一圈一圈绕着移动

 代码 

<marquee behavior=scroll>需要移动的文字</marquee>

试例效果:
 
 
一圈一圈绕着移动
 
 
四、只移动三次就停了

 代码 

<marquee loop=3 behavior=slide>需要移动的文字</marquee>

试例效果:
 
 
只移动三次就停了
 
 
五、移动输入

 代码 

<marquee behavior="alternate"><marquee width="150" direction=right>需要移动的文字</marquee></marquee>

试例效果:
 
 
移动输入
 
 
六、左右来回移动

 代码 

<marquee behavior=alternate>需要移动的文字</marquee>

试例效果:
 
 
左右来回移动
 
 
七、移一步,停一停

 代码 

<marquee scrolldelay=500 scrollamount=100>需要移动的文字</marquee>

试例效果:
 
 
移一步,停一停
 
 
八、从下向上移动

 代码 

<marquee direction=up>需要移动的文字</marquee>

试例效果:
 
从下向上移动
 
九 、从上向下移动

 代码 

<marquee direction=down>需要移动的文字</marquee>

试例效果:
 
从上向下移动
 
十、垂直往复移动

 代码 

<marquee direction=up behavior=alternate>需要移动的文字</marquee>

试例效果:
 
垂直往复移动
 
十一、从左上向右下移动

 代码 

<marquee direction=right><marquee width=216 direction=down>需要移动的文字</marquee>

 
试例效果:
 
从左上向右下移动
 
十二、 从右上向左下移动
 

 代码 

<marquee direction=left><marquee direction=down>需要移动的文字</marquee>

 
试例效果:
 
从右上向左下移动
 
十三、从左下向右上移动
 

 代码 

<marquee direction=right><marquee direction=up>需要移动的文字</marquee>

 
试例效果:
 
从左下向右上移动
 
十四、从右下向左上移动
 

 代码 

<marquee direction=left><marquee direction=up>需要移动的文字</marquee>

 
试例效果:
 
从右下向左上移动
 
十五、水平相反移动
 

 代码 

<marquee width="216px">需要移动的文字</marquee><marquee width="216px" direction=right>需要移动的文字</marquee>

 
试例效果:
 
水平相反移动 动移相反平水
 
十六、左右两边向中间移动
 

 代码 

<marquee style="width:216px;" direction=right>需要移动的文字</marquee><marquee style="width:216px;" direction=left>需要移动的文字</marquee>

 
试例效果:
 
左右两边向中间移动 动移间中向边两右左
 
十七、左右两边向中间来回移动
 

 代码 

<marquee behavior=alternate direction=left scrollAmount=3 width="216">需要移动的文字</marquee><marquee behavior=alternate direction=right scrollAmount=3 width="216">需要移动的文字</marquee>

 
试例效果:
 
左右向中间来回移动4 3动移回来间中向右左
 
十八、从上下向中间移动
 

 代码 

<marquee direction=down scrollAmount=2 height=50>需要移动的文字</marquee><marquee direction=up scrollAmount=2 height=50>需要移动的文字</marquee>

 
试例效果:
 
从上下向中间移动
从上下向中间移动
 
十九、从中间向上下移动
 

 代码 

<marquee direction=up scrollAmount=2 height=50>需要移动的文字</marquee><marquee direction=down scrollAmount=2 height=50>需要移动的文字</marquee>

 
试例效果:
 
从中间向上下移动
从中间向上下移动
 
二十、上下向中间来回移动
 

 代码 

<marquee behavior=alternate direction=down scrollAmount=2 height=50>需要移动的文字</marquee><marquee behavior=alternate direction=up scrollAmount=2 height=50>需要移动的文字</marquee>

 
试例效果:
 
上下向中间来回移动
上下向中间来回移动
 
二十一、上下交替移动
 

  

<marquee direction=up behavior=alternate width=45 height=160>需</marquee><marquee direction=up behavior=alternate width=45>要</marquee><marquee direction=up behavior=alternate width=45 height=160>移</marquee><marquee direction=up behavior=alternate width=45>动</marquee><marquee direction=up behavior=alternate width=45 height=160>的</marquee><marquee direction=up behavior=alternate width=45>文</marquee></marquee><marquee direction=up behavior=alternate width=45 height=160>字</marquee>

 
试例效果:
 
 
二十二、移动后消失
 

 代码 

<marquee style="width: 220px; height: 120px" scrollAmount=5 direction=up><marquee direction=up behavior=alternate width=30 height=100>需</marquee><marquee direction=up behavior=alternate width=30 height=110>移</marquee><marquee direction=up behavior=alternate width=30 height=100>要</marquee><marquee direction=up behavior=alternate width=30 height=110>动</marquee><marquee direction=up behavior=alternate width=30 height=100>的</marquee><marquee direction=up behavior=alternate width=30 height=110>字</marquee><marquee direction=up behavior=alternate width=30 height=100>文</marquee>

 
试例效果:
 
 
二十三、波浪式移动
 

 代码 

<marquee width=288 scrollAmount=5 direction=up behavior=alternate><marquee scrollAmount=2 behavior=altrnate width=288>需要移动的文字</marquee>

 
试例效果:
 
波浪式移动
 
二十四、往复波浪式移动
 

 代码 

<marquee width=288 filter: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); scrollAmount=5 direction=up behavior=alternate><marquee scrollAmount=3 behavior=alternate width=288>需要移动的文字</marquee></marquee>

 
试例效果:
 
往复波浪式移动
 
二十五、交替往复波浪式移动
 

 代码 

<marquee width=436 scrollAmount=2 direction=right behavior=alternate><marquee direction=up behavior=alternate width=40 height=150>需</marquee><marquee direction=up behavior=alternate width=40 height=120>的</marquee><marquee direction=up behavior=alternate width=40 height=150>要</marquee><marquee direction=up behavior=alternate width=40 height=120>文</marquee><marquee direction=up behavior=alternate width=40 height=150>移</marquee><marquee direction=up behavior=alternate width=40 height=120>字</marquee><marquee direction=up behavior=alternate width=40 height=150>动</marquee>

 
试例效果:
  评论这张
 
阅读(381)| 评论(2)
推荐 转载

历史上的今天

评论

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

页脚

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