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

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

首先进入管理平台菜单——博客设置——修改公告——源码界面。(设计、预览、源码这三个界面一定要学会区分,直接添加元素在设计,间接添加代码在源码,查看添加效果在预览)。然后将代码“<marquee>徐果萍博客</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,值越大,速度越慢。

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

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

1。添加几个参数,现在添加速度,方向,次数。将其设置成为<marquee scrollamount=3 direction=right loop=10>徐果萍博客</marquee>

2。添加链接滚动,就是将其中的徐果萍博客加上链接地址。这里也可以是图片,主要有地址的绝对链接地址就行了。<A href=http://www.xuguoping.net/>徐果萍博客</A>,那么代码就成为了<marquee scrollamount=3 direction=right><A href=http://www.xuguoping.net/>徐果萍博客</A></marquee>

3。添加鼠标停留,就是鼠标停留在文字上,文字将会停止滚动。主要增加鼠标停留代码onmouseover=stop() onmouseout=start(),组合成代码之后成为如下,<marquee scrollamount=4 direction=right onmouseover=stop() onmouseout=start()><A href=http://www.xuguoping.net/>徐果萍博客</A></marquee>

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

5。添加字幕颜色,就是指可以添加公告栏的背景色以及滚动文字的颜色。主要增加bgcolor=#,<a style=color:#>文字</a>,其中的#指颜色代码,现举例代码是,<marquee bgcolor=000000 scrollamount=4 width=200><a style=color:ff0000>徐果萍博客</a></marquee>

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

未经允许不得转载:徐果萍博客 » Oblog博客教程 博客公告添加滚动效果

赞 (0)
分享到:更多 ()

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址