如何让你的文字在网页中动起来！_DedeCms教程

2024-08-30 19:09:57

字体：大中小

来源：转载

供稿：网友

事情是这样的，在做模板的时候，当时需要做一个文字向上滚动的效果，当时的第一反应就是js控制来实现。为了节约时间，本能的就在百度上开始搜索，很快就搜索几个答案来，于是找来一段最简洁的代码来套用。很快这个效果就最好了。（这里我想提出一点的是，很多新手朋友在遇到问题和困惑的时候都不用搜索，而是在论坛重复的发一些别人已经问过很多次的问题，这样很不好。）
按理说事情就到此可以划上句号了，昨天中午休息时没什么事就随便拿来本html入门的书看看。无意中发现有一篇里写道“如何控制文字中网页中移动”的文章。于是就认真看了一下。发现和自己前一天在网上找到代码一模一样。
很是感叹啊。自己以前看过的书的内容里都有，为什么自己还会去百度搜索呢？这让我好想了一段时间。感觉自己是那么多肤浅，连基本入门的知识都要百度搜索。如果当时自己是记得代码的写法又能节约多少时间呢？
想来想去还是基础的学的不好，从中可以引出，我们在学习dedecms的时候，一些基础的教程是必看的。是不能不看的，比如一些后台的使用等等，其实很多朋友都是因为对后台的不熟悉而困扰自己，影响自己做站点进度。还有很多类似的情况都是如此。所以我在这里希望能和大家一起学习。一起进度。一起慢慢的成长！

下面我把代码共享出来：

<MARQUEE scrollAmount=1 scrollDelay=75 direction=up height=143><ul>
<li>临晨2点30：萧湘月的博客--www.2d30.cn</li>
<li>临晨2点30：萧湘月的博客--www.2d30.cn</li>
<li>临晨2点30：萧湘月的博客--www.2d30.cn</li>
<li>临晨2点30：萧湘月的博客--www.2d30.cn</li>
<li>临晨2点30：萧湘月的博客--www.2d30.cn</li>
 </ul></MARQUEE>

以上是纵向滚动效果代码

移动属性值主要的有几个内容：

移动方向 <direction=#>
速度 <scrollamount=#>
方式 <bihavior=#>
循环 <loop=#>
延时 <scrolldelay=#>

移动方向
direction=left 从右向左移
direction=right 从左向右移
direction=down 从上向下移
direction=up 从下向上移

文字从右向左移
<marquee direction=left scrollAmount=2>

文字从右向左移！</marquee>

移动方向-文字从左向右移的代杩。
<marquee direction=right scrollAmount=2>

文字从左向右移！！</marquee>

移动方向-文字从上向下移的代码：
<marquee direction=direction=down scrollAmount=2>
<CENTER>
文字从上向下移！！</CENTER></marquee>

移动方向-文字从下向上移！的代码：
<marquee direction=up scrollAmount=2>
<CENTER>
文字从下向上移！！！</CENTER></marquee>

文字来回走代码:
<marquee behavior=alternate scrollAmount=8>

文字来回走耶！！！</marquee>

移动速度 <scrollamount=#>

移动速度设置数值小就走得慢的代码：
<marquee direction=left scrollAmount=2>

scrollAmount=2移动速度设置数值小就走得慢！！</marquee>

移动速度设置数值大就走得快！的代码：
<marquee direction=left scrollAmount=8> scrollAmount=8移动速度设置数值大就走得快！！</marquee>

文字上下移动代码：

<MARQUEE scrollAmount=5 direction=up behavior=alternate height=60>
<center>文字上下移动</center></marquee>

上一篇：DedeCMS V5.3 常用问题手册发布_DedeCms教程

下一篇：关于DedeCMS V5.3的系统安装教程_DedeCms教程