当前位置:博无忧门户 >> 博客代码教程 >> 新浪博客代码教程 >> 浏览文章  
新浪博客系列教程——如何制作滚动字幕面板
来源:互联网 作者:佚名 时间:2008年04月20日}

大家知道如何在新浪博客制作滚动字幕吗?

  用下边的代码<marquee></marquee>便可以制作字幕的滚动,方法如下:

  第一步、登录新浪博客,输入“登录名”“密码”和“验证码”后点击“登录”。
1.登陆博客

  第二步、进入首页右上方的“控制面板”。


2.进入控制面板

  第三步、进入“个人首页维护”。


3.进入个人首页维护

  第四步、进入“自定义空白面板栏”。


4.进入自定义空白面板栏

  第五步、点击“增加”增加空白面板。


5.增加空白面板

  第六步、填好面板标题,勾选文本框下方的“显示源代码”勾选框,记住,一定要勾选否则面板无法添加,在文本框中添加下面代码,然后点击保存。

<MARQUEE scrollAmount=1 scrollDelay=77 direction=up width=270 height=77
onmouseout="this.start()" onmouseover="this.stop()">你好!
<BR>欢迎
<BR>来到
<BR>我的
<BR>博客</MARQUEE>

  下边详细解释一下代码的具体意思:

  1、 width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。


2、scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。


3、 scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。


4、direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
5、 每行文字添加在<br></br>之间。

  6、 behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动) 。


6.贴入代码,点击“保存”

  第七步、点击“控制面板”左侧“BLOG信息设置”中的“定制我的首页”。


7.点击定制我的首页

  第八步、点击“添加模块”。


9.点击添加模块

  第九步、勾选刚刚建立的模板,点击下方的“选取”。


10.选取面板

  第十步、出现在页面上,将之托拽到合适的位置上点击“保存设置”,完成播放器面板添加。

是不是很详细啊,大家仔细的研究研究吧,结合自己的博客实际操作一遍就掌握了。祝你成功。

相关教程:面板


收藏本站   收藏到新浪ViVi   添加到百度搜藏 添加到和讯网摘   收藏到QQ书签
博无忧门户,优秀的博客服务平台  
Copywright©Bo56.com 2008-2009
冀ICP备07002737号