如何让你的文字在网页中动起来!

softyun3年前cms教程143


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

<MARQUEE scrollAmount=1 scrollDelay=75 direction=up height=143><ul>
<li>临晨2点30:萧湘月的博客--2d30</li>
<li>临晨2点30:萧湘月的博客--2d30</li>
<li>临晨2点30:萧湘月的博客--2d30</li>
<li>临晨2点30:萧湘月的博客--2d30</li>
<li>临晨2点30:萧湘月的博客--2d30</li>
    </ul></MARQUEE>
以上是纵向滚动效果代码
移动属性值主要的有几个内容:  
移动方向 <direction=#>
速度 <scrollamount=#>
方式 <bihavior=#>    
循环 <loop=#>        
延时 <scrolldelay=#>
移动方向
direction=left   从右向左移
direction=right   从左向右移
direction=down   从上向下移
direction=up     从下向上移
文字从右向左移
<marquee direction=left scrollAmount=2>
<font style=font:15pt face=黑体 color=fff000>
文字从右向左移!</font></marquee>
移动方向-文字从左向右移的代杩。
<marquee direction=right scrollAmount=2>
<font style=font:15pt face=黑体 color=fff000>
文字从左向右移!!</font></marquee>
移动方向-文字从上向下移的代码:
<marquee direction=direction=down scrollAmount=2>
<font style=font:15pt face=黑体 color=fff000><CENTER>
文字从上向下移!!</font></CENTER></marquee>
移动方向-文字从下向上移!的代码:
<marquee direction=up scrollAmount=2>
<font style=font:15pt face=黑体 color=fff000><CENTER>
文字从下向上移!!!</CENTER></font></marquee>
文字来回走代码:
<marquee behavior=alternate scrollAmount=8>
<font style=font:15pt face=黑体 color=fff000>
文字来回走耶!!!</font></marquee>
移动速度 <scrollamount=#>
移动速度设置数值小就走得慢的代码:
<marquee direction=left scrollAmount=2>
<font style=font:15pt face=黑体 color=fff000>
scrollAmount=2移动速度设置数值小就走得慢!!</font></marquee>
移动速度设置数值大就走得快!的代码:
<marquee direction=left scrollAmount=8> <font style=font:15pt face=黑体 color=fff000>scrollAmount=8移动速度设置数值大就走得快!!</font></marquee>
文字上下移动代码:
<font size=5  face=隶书 color=lime>
<MARQUEE scrollAmount=5 direction=up behavior=alternate height=60>
<center>文字上下移动</center></marquee>
免责声明:本文内容来自用户上传并发布,站点仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。请核实广告和内容真实性,谨慎使用。

相关文章

【Type 标记使用实例】-DedeCMS模板制作使用实例教程(4)

【Type 标记】表示指定的单个栏目的链接,用法非常简单。  说明:为了便于下面内容的理解,我将数据库中网站频道的截图如下:      使用思路、步骤:   一、明确使用范围     我们在使用任何标...

DEDECMS admin5的评论效果

图片: 哪位朋友修改后了 请出个演示 以便让其他朋友提供参考 谢谢声明:大家下载后请先在本地调式,确定无误后再使用。请备份原文件把附件一覆盖到 主目录\plus文件夹下;把附件二覆盖到 主目录\tem...

织梦DEDECMS站群增强版 DedeCMS搭建站群首选

织梦CMS是一款优秀的开源建站程序,用户众多,功能强大。因为是开源程序,而且用户众多,所以研究DEDECMS漏洞的网友也多,再加上DEDECMS功能模块众多,也埋下了不少安全隐患,偶尔会爆出一些新的漏...

DedeCMS教程:首页如何调用栏目内容和单页内容

很多站长在套dede站的时候,可能一直被一个问题困惑,就是,如何将已经做成单页的栏目内容调用到首页来。 常用的需要调到首页来的单页内容,比如企业简介、联系我们等等内容,我们在首页可能都要进行体现。通过...

dedecms自定义表单后台显示时间格式错误的解决方法

今天教给大家一些织梦dedecms自定义表单后台显示时间格式错误的解决办法,比较简单,希望可以帮助到你。在制作dedecms企业模板的时候 很多客户都需要制作一个在线订购功能!仔细的朋友就会发现使用的...

【Field 标记使用实例】-DedeCMS模板制作使用实例教程(2)

【Field 标记】在封面模板、列表模板、文档模板的使用频率很高,实用。主要用来获得到系统变量的值或者路径,用法很灵活。可以直接展示数据,如调用position,得到栏目一 > 栏目二” 这样形...