dedecms让你的文字在网页中动起来

所属分类: CMS教程 / dedecms 阅读数: 996
收藏 0 赞 0 分享
关键字描述:起来 网页 文字 <   direction 移动 代码 scrollAmount

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

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

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

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

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

下面我把代码共享出来:

<MARQUEE scrollAmount=1 scrollDelay=75 direction=up height=143><ul>
<li>临晨2点30:侠客站长站--www.jb51.net</li>
<li>临晨2点30:侠客站长站--www.jb51.net</li>
<li>临晨2点30:侠客站长站--www.jb51.net</li>
<li>临晨2点30:侠客站长站--www.jb51.net</li>
<li>临晨2点30:侠客站长站--www.jb51.net</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>
更多精彩内容其他人还在看

dedecms实现调用所有顶级栏目下最新文章的方法

这篇文章主要为大家介绍了dedecms实现调用所有顶级栏目下最新文章的方法,涉及文章调用的技巧,在dedecms建站的过程中非常常见,需要的朋友可以参考下
收藏 0 赞 0 分享

dedecms列表页文章摘要字数的设置方法

这篇文章主要为大家介绍了dedecms列表页文章摘要字数的设置方法,可以使页面内容的显示与整体布局控制更加灵活,是非常实用的技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

织梦DedeCMSv5.7安装初始化数据体验包失败的解决方法

这篇文章主要为大家介绍了织梦DedeCMSv5.7安装初始化数据体验包失败的解决方法,是很多dedecms用户都曾碰到的过的情况,具有不错的实用价值,需要的朋友可以参考下
收藏 0 赞 0 分享

dedecms使用sql语句调用文章静态链接地址的方法

这篇文章主要为大家介绍了dedecms使用sql语句调用文章静态链接地址的方法,涉及SQL语句的使用与文章调用的技巧,非常具有实用价值,需要的朋友可以参考下
收藏 0 赞 0 分享

织梦安装模板时提示不能安装不支持写入无法正常创建

织梦安装模板时提示不支持写入,这将导致安装程序无法正常创建,关于这个问题的解决方法如下,遇到类似情况的朋友可以参考下
收藏 0 赞 0 分享

Dede实现文章列表隔行换背景色让显示内容有所区别

文章列表隔行换色可以让显示的两条内容有所区别,很多网站在列表页里都采用了隔行换色的显示方法,下面与大家分享下Dede是如何实现的
收藏 0 赞 0 分享

织梦首页和列表页怎么调用自定义字段

首页和列表页怎么调用自定义字段?这个问题一直困扰着我,经搜索寻得一些不错的方法,下面与大家分享
收藏 0 赞 0 分享

织梦做产品展示怎么去掉图片作为超链接时出现的框框

给图片加超链接,结果图片周围出现了蓝色框,那么怎么去掉图片作为超链接时出现的框框呢?下面有个不错的方法,大家可以尝试下
收藏 0 赞 0 分享

织梦上传服务器后出现数据连接失败是怎么回事如何解决

想必大家都有遇到过上传服务器后数据连接失败的情况吧,解决方法是进入data文件夹里的common.inc.php进行修改数据库想对应的数据
收藏 0 赞 0 分享

分享两个DEDECMS分页样式css代码

分页样式虽然很短,但是复用率非常高,早就想过整理下这个东西,一直拖着没弄,今天开个头,以后用起来也方便点
收藏 0 赞 0 分享
查看更多