博客滚动字条_羽中的博客_雅虎博客

博客滚动字条 2007-05-21 23:32:02: 如何在新浪博客制作滚动字幕？

用<marquee></marquee>语句可以做到字幕的滚动，方法如下：
第一步、登录新浪博客，输入“登录名”“密码”和“验证码”后点击“登录”。
登录新浪博客
第二步、进入首页右上方的“控制面板”。
进入控制面板
第三步、进入“个人首页维护”。
进入个人首页维护
第四步、进入“自定义空白面板栏”。
进入自定义空白面板栏
第五步、点击“增加”增加空白面板。
增加空白面板
第六步、填好面板标题，勾选文本框下方的“显示源代码”勾选框，记住，一定要勾选否则面板无法添加，在文本框中添加下面代码，然后点击保存。
<MARQUEE scrollAmount=1 scrollDelay=77 direction=up width=270 height=77
onmouseout="this.start()" onmouseover="this.stop()">你好！
<BR>欢迎</br>
<BR>来到</br>
<BR>我的</br>
<BR>博客</MARQUEE>
代码说明：
1、scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。
2、width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。
３、direction。表示滚动的方向，默认为从右向左：←←←。可选的值有right、down、up。滚动方向分别为：right表示→→→，up表示↑，down表示↓。
４、scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。
５、behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动) 。
６、每行文字添加在<br></br>之间。
贴入代码，点击“保存”
第七步、点击“控制面板”左侧“BLOG信息设置”中的“定制我的首页”。
点击定制我的首页
第八步、点击“添加模块”。
点击添加模块
第九步、勾选刚刚建立的模板，点击下方的“选取”。
选取面板
第十步、出现在页面上，将之托拽到合适的位置上点击“保存设置”，完成播放器面板添加。
面板添加完成

此文转载，和朋友们一起学习提高

如何在新浪BLOG 出现滚动字幕及图片效果

(1)滚动字幕（向上）设置代码
<DIV align=center>
<DIV style="OVERFLOW: auto; WIDTH: 159px; HEIGHT: 145px">
<MARQUEE class=p131 scrollAmount=1 scrollDelay=60 direction=up height=145 onmouseover="this.stop()" onmouseout="this.start ()" align="left" WIDTH: 200px;>
<P align=left><FONT size=3>此处填入文字</FONT></P></MARQUEE>

另外一种——
<marquee onmouseover=this.stop() onmouseout=this.start() scrollamount="1" scrolldelay="60" direction="up" width="180" height="210"><div><font color="#ff0000"><b>移动文字内容</b></font></div><div><font color="#003366"><b>移动文字内容</b>
</font></div></marquee>

横向滚动字幕代码：
<DIV align=center>
<MARQUEE style="FONT-SIZE: 30pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: "><B>填入需要显示的文字</B></FONT></MARQUEE></DIV>

(2)滚动图片设置代码（向上滚动）
<div align=center><marquee onmouseover=this.stop() onmouseout=this.start() scrollamount="1"
scrolldelay="60" direction="up" width="206" height="80"><div align="center">
<a href="链接地址" target="_blank">
<img src="图片地址" width="210" border="0" /></a>
</div></marquee></div>

最近更新时间：2008-01-07 16:23:55 浏览数(94)

下一篇：如何在博客中添加滚动字幕上一篇：人人的坎

(1 )

按时间顺序查看 | 按时间倒序查看

永佳建筑…

常联系哦

2007-12-05 11:01:51

第一页 | 上一页 | 1 | 下一页 | 最末页

博客文章分类

如何在新浪BLOG 出现滚动字幕及图片效果

评论

博客文章分类

友情链接

如何在新浪BLOG 出现滚动字幕及图片效果

评论