推广 热搜: Excel2003教程  五笔打字基础教程  五笔打字入门教程  五笔打字教程 

Oblog博客教程 博客公告添加滚动效果

   更新:2018-03-01     来源:徐果萍博客    作者:徐果萍    浏览:5159    

徐果萍以博客中国人Oblog博客程序为例,自定义分类是一个最简单的修改主模板样式。昨天的日志分类标记应该还比较熟悉吧,那就是“$show_subject_l$”。而此篇要学习的标记就是“$show_placard$”,那就是用户公告。而此篇要学习的如何将博客公告变成滚动式的。采用滚动式的好处主要有两点,一来可以节省博客占用空间,二来可以使页面达到静中有动效果。有些系统模板自带滚动式公告,但如果系统里面没有的话,应该如何添加这个效果呢?滚动效果其实是就一个代码marquee的作用。

首先进入管理平台菜单——博客设置——修改公告——源码界面。(设计、预览、源码这三个界面一定要学会区分,直接添加元素在设计,间接添加代码在源码,查看添加效果在预览)。然后将代码“徐果萍博客”复制到“源码”中,提交修改就可以看到效果了。如果代码复制到“设计”,效果将不能显示。

上述的效果只是一个初步滚动,徐果萍还会提供一系列参数来控制滚动效果。通过对这些参数设置,将会让滚动完全按照规定模板滚动,能够控制滚动速度、区域、方向、方式、循环、延时。现将这些属性参数一一介绍如下,只要掌握这些参数的作用的话,在原先那个最简单的代码添加上这些参数就会成为多样化的滚动。

1。scrollamount   它表示滚动速度,值越大速度越快。如果没有这个参数,就像徐果萍举例如果没有它,默认值为6,个人建议将值设置为1~3最为符合浏览效果。

2。width和height  它表示滚动区域,其中width代表宽度,height代表高度。一般情况不需要设置(因为模板已经限制了公告宽度),但如果要设置上下滚动的话,高度这个参数一定要设置。

3。direction    它表示滚动方向,如果不设置,将会默认为从右向左:←←←。方向参数值主要有right表示→→→,up表示↑,down表示↓。左右是水平,上下是垂直。

4。behavior    它表示滚动方式,如果不设置,将会默认为循环滚动,循环的参数值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动) 。

5。loop   它表示滚动次数,如果不设置,将会默认为无限次数(infinite),多少次数就设置多少就可以了。

6。dscrolldelay  它表示滚动延时,通过不需要进行设置,其默认值为90,值越大,速度越慢。

上面六个参数值,可以按照个人喜好,将其他添加到简单代码中,所有的参数格式为:参数=#(#是指各项参数具体值)。

实例列举几个,仅供参考。关于代码大小写,效果同样。并且实例将会拓展其附加的效果。原来的代码是:徐果萍博客

1。添加几个参数,现在添加速度,方向,次数。将其设置成为徐果萍博客

2。添加链接滚动,就是将其中的徐果萍博客加上链接地址。这里也可以是图片,主要有地址的绝对链接地址就行了。徐果萍博客,那么代码就成为了徐果萍博客

3。添加鼠标停留,就是鼠标停留在文字上,文字将会停止滚动。主要增加鼠标停留代码onmouseover=stop()start(),组合成代码之后成为如下,徐果萍博客

4。添加多行滚动,就是指多行向上公告栏文字,适于纵向公告。主要增加height的值direction=up,还有就是“行”代码br,举例代码如下,欢迎各位博友与游客光顾
徐果萍博客
这里将会带来乐趣分享效果如下,

5。添加字幕颜色,就是指可以添加公告栏的背景色以及滚动文字的颜色。主要增加bgcolor=#,文字,其中的#指颜色代码,现举例代码是,徐果萍博客

相信详尽的文字介绍,实例展示,应该会将博客公告制定成个性的滚动式了。当然滚动式可以同样运用到博客中任何地方,比如日志标题,日志正文,友情链接等,这里主要学习就是关于滚动的一些常用代码参数值,至少如何去组合运用,还是要靠草根自身的尝试,去体验。最关键的一点就是代码添加的时候,一定要在“源码”界面中,否则效果正常不出来。

 
打赏
 
同类教程
0相关评论

推荐图文
推荐教程
点击排行
Powered By DESTOON