让文字移动的代码

关于本站 | 设为首页 | 收藏本站 | 许愿林园 | 留言薄

热门搜索关键字： 跑跑卡丁车 | 魔兽 | CS | 搞笑短信 | 面试 | 职场 | 美丽

jiqiaowang baidu

您好,今天是：

没有公告


栏目导航


热门文章
此栏目下没有热点电脑网络


赞助商广告

图片文章

网页制作常用代码

您现在的位置：技巧网 >> 电脑网络技巧 >> 网站制作 >> 正文

让文字移动的代码

文章来源：互联网点击数：更新时间：2008-2-13 【字体：小大】

载入中，请稍候……

上一个电脑网络：如何写robots.txt？

下一个电脑网络：多种网页弹出窗口代码

【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

关于〖让文字移动的代码〗的最新评论：

先说一下代码的傻瓜加入方法，如果你对HTML语言不是特别熟悉，不知道特效代码应该加到什么地方，那也无妨（强烈推荐使用dreamweaver来制作网页）。在dreamweaver的操作面版上，用鼠标点一下你要插入滚动文字的地方，然后再进入显示HTML代码面版，你会看到一个小竖线在闪动，把下面你要使用的代码复制后粘贴在这个地方，把文字内容换成你自己的内容就可以了。

从右向左移动的文字

把下面的代码加入你的页面的HTML里

　　<marquee direction=left scrollamount=10>啦啦啦，我会从右向左移动耶！</marquee>

　　说明：direction=left, left表示向左移动；scrollamount=10为移动速度，数字10可以更改，越大速度越快，反之则慢。技巧网评

从左向右移动的文字

　　这里除了是左向右移动之外，速度是不是比上面的慢了很多很多啊？是因为我把速度值设成为最小的1了。注意：scrollamount的值不能设为0，否则没有效果出现。

　　至于方向的变化，也只是把上面的代码里的left换成了right而已。后面介绍的特效代码里如果有类似的属性，就不再重复提示了。

　　代码如下：

　　<marquee direction=left scrollamount=1>啦啦啦，我会从左向右移动耶！</marquee> 　　

来回走动的文字

　　代码如下，里面的速度值自己设定。

　　<marquee behavior=alternate scrollamount=2> 啦啦啦，我来回走耶！</marquee>

跳动的文字

　　代码如下

　　< marquee direction=up behavior=alternate height=50> 我会原地跳动耶～< /marquee>

　　height=50为跳动高度值，自己设定。
2.来回跳动

　　代码如下

　　看似复杂，其实就是把每个字单独用上面的代码设定成不同跳动高度height的后，再综合一起加上来回移动代码。

<marquee direction=up behavior=alternate width=40 height=70>文</marquee><marquee direction=up behavior=alternate width=40 height=60>字</marquee><marquee direction=up behavior=alternate width=40 height=50>跳</marquee><marquee direction=up behavior=alternate width=40 height=70>舞</marquee> <marquee direction=up behavior=alternate width=40 height=50>别</marquee><marquee direction=up behavior=alternate width=40 height=80>有</marquee><marquee direction=up behavior=alternate width=40 height=50>味</marquee><marquee direction=up behavior=alternate width=40 height=60>道</marquee><marquee direction=up behavior=alternate width=40 height=70>！</marquee> <marquee direction=up behavior=alternate width=40 height=70>如</marquee><marquee direction=up behavior=alternate width=40 height=60>此</marquee><marquee direction=up behavior=alternate width=40 height=50>代</marquee><marquee direction=up behavior=alternate width=40 height=80>码</marquee> <marquee direction=up behavior=alternate width=40 height=50>值</marquee><marquee direction=up behavior=alternate width=40 height=70>得</marquee><marquee direction=up behavior=alternate width=40 height=50>收</marquee><marquee direction=up behavior=alternate width=40 height=60>藏</marquee><marquee direction=up behavior=alternate width=40 height=70>！</marquee> 　

垂直移动的文字 技巧网评

　　我个人认为，这个特效是在网页建设中最常用的。可以发布最新消息、通告等等。喜欢做文学网页的朋友，用这个特效来动态发表诗歌，是再适合不过的了。

　　这个特效的使用方法，对于初用者来说，我就稍微说罗嗦一点，耐心一点哦：）

　　假如有下面这样一首诗歌

　　喜欢雨中抱你紧紧的感觉世界只有我们没有谁希望可以拥你入睡的喜悦天知道这是仅有的安慰长长厮守的缠绵以为是纷飞的错觉害怕清醒的泪水抹去所有你的画面我知道这是二分之一的机会你说爱他比我还要更多一些我仍然愿意不顾一切只因我真的真的不要这样分别

　　如何让它在你的网页上动起来呢？看看下面的代码：

　　<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollAmount="2" 　　scrollDelay="150" direction="up" width="120" height="90">这里是放文字的地方</marquee>

　　方法如下：

　　1. 在dreamweaver操作面板上，按自己的意愿把诗歌内容写上去（建议在表格内）；
　　2. 去HTML代码面板，把代码

　　<marquee onmouseover="this.stop()" onmouseout="this.start()" 　　　　　　　　scrollAmount="2" scrollDelay="150" direction="up" width="120" height="90">

　　粘贴到诗歌的第一个字“喜”的前面；

　　3. 把代码</marquee>粘贴到诗歌的最后一个字“别”的后面

　　再看看，刚才的问题是不是消除了：）

　　再把代码里的高度值height=90变成height=20试试

　　看见了吧，展区的高度变了！

　　也就是说，不管你使用的诗歌有多么长，它展示出的内容总是在你设定了宽度和高度的

　　这个面积里出现，你可以根据你页面上实际的使用面积来设定宽和高了。

　　把代码里的scrollAmount="2"改成10,看看是什么样的效果：

　　呵呵，改变文字滚动速度而已，根据你自己的喜好去设定吧。　　

　　几点补充说明（使用很少）

　　1.设定文字左右移动的范围在需要移动文字的地方，建一个需要的宽度的标格，把这个特效的代码全部扔进里面即可（插入方法见上面的傻瓜法）。技巧网评

　　2.字体大小和颜色把带有你的文字的代码插入HTML里后，在dreamweaver的操作面板上，用鼠标把文字全部拖黑选中，在属性栏里去随意设置文字的大小和颜色。如果你想给移动文字有另外的背静色，给标格加背景色即可。