Oblog教程之十:滚动式博客公告

徐果萍 发表于 2006-06-05 09:01 | 阅读 494 views

  自定义分类是一个最简单的修改主模板样式。昨天的日志分类标记应该还比较熟悉吧,那就是“$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://http://www.xuguoping.net/>徐果萍博客</A></marquee>效果如下, 徐果萍博客

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

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

喜欢 徐果萍博客 的文章,那就通过 RSS Feed 功能订阅阅读吧!

我要评论

*

* 绝不会泄露



返回首页 | 关于我们 | 联系我们 | 广告合作 | 网站地图 | 友情链接 | 版权声明 |