• 全国400电话网上服务平台
    强大号码库资源任选,方便,快捷,快速开通。
    咨询热线:400-1100-266  

    dedecms让你的文字在网页中动起来
    POST TIME:2020-04-08 22:45
    关键字描述:起来 网页 文字 <   direction 移动 代码 scrollAmount

    这几天一直忙着给人做模板,在上一个模板制作过程中有点感悟,发现不管在时候学习基础知识的重要!

    事情是这样的,在做模板的时候,当时需要做一个文字向上滚动的效果,当时的第一反应就是js控制来实现。为了节约时间,本能的就在百度上开始搜索,很快就搜索几个答案来,于是找来一段最简洁的代码来套用。很快这个效果就最好了。(这里我想提出一点的是,很多新手朋友在遇到问题和困惑的时候都不用搜索,而是在论坛重复的发一些别人已经问过很多次的问题,这样很不好。)

    按理说事情就到此可以划上句号了,昨天中午休息时没什么事就随便拿来本html入门的书看看。无意中发现有一篇里写道“如何控制文字中网页中移动”的文章。于是就认真看了一下。发现和自己前一天在网上找到代码一模一样。

    很是感叹啊。自己以前看过的书的内容里都有,为什么自己还会去百度搜索呢?这让我好想了一段时间。感觉自己是那么多肤浅,连基本入门的知识都要百度搜索。如果当时自己是记得代码的写法又能节约多少时间呢?

    想来想去还是基础的学的不好,从中可以引出,我们在学习dedecms的时候,一些基础的教程是必看的。是不能不看的,比如一些后台的使用等等,其实很多朋友都是因为对后台的不熟悉而困扰自己,影响自己做站点进度。还有很多类似的情况都是如此。所以我在这里希望能和大家一起学习。一起进度。一起慢慢的成长!

    下面我把代码共享出来:

    <MARQUEE scrollAmount=1 scrollDelay=75 direction=up height=143><ul>
    <li>临晨2点30:侠客站长站--www.</li>
    <li>临晨2点30:侠客站长站--www.</li>
    <li>临晨2点30:侠客站长站--www.</li>
    <li>临晨2点30:侠客站长站--www.</li>
    <li>临晨2点30:侠客站长站--www.</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>
    
    关于我们 | 付款方式 | 建站知识 | 增值服务 | 网站模板
    Copyright © 2003-2016
    时间:9:00-21:00 (节假日不休)
    版权所有:巨人网络(扬州)科技有限公司
    总部地址:江苏省信息产业基地11号楼四层
    《增值电信业务经营许可证》 苏B2-20120278
    X

    截屏,微信识别二维码

    微信号:veteran88

    (点击微信号复制,添加好友)

     打开微信

    微信号已复制,请打开微信添加咨询详情!