遥远天空

有关“滚动公告”、“滚动链接”的制作

关键词： 有关“滚动公告”、“滚动链接”                                          

这是学习网友介绍的“如何在博客中创建有关‘滚动公告’、‘滚动链接’等”的制作方法。为了让更多博友知道，并也能亲手制作自己的特效，特转贴上这篇有关详细制作过程的文章，希望对大家有所帮助。

1、登录你博客的管理后台，这个地方大家应该不陌生，每次写新日志都要登录。

2、点击“链接管理”，如下图中标记1处所示，进入如下图所示的页面。

3、创建一个链接列表，名称自己随意取，类型为“文本书签”，如上图中标记2处“本站公告”所示。

4、创建完一个链接列表后（如上图的“本站公告”），你有三个入口对这个链接列表进行修改。第一个入口是直接点击该链接名称（如上图标记2处“本站公告”），进入到一个新的页面，可以为这个链接列表加一些链接。仔细的博友可能已经发现，上面图片中的每个链接后面的链接数都为0，这说明我博客实现滚动公告等，不是通过这个入口完成的。第二入口个是点击编辑（如上图标记3处所示），进入到一个新的页面（如下图所示）；第三个是点击删除，把该链接删除。很显然，我们要实现滚动的功能，只能选择第二个入口，下面我们就集中精力来研究第二个入口（即点击“编辑”），进入下图所示的页面。

5、在这个页面完成两个工作就可以实现滚动效果了。（1）在链接列表的描述中，写入滚动的html代码（如上图第一个红圈标志所示）。（2）在高级设置中，选择“作为文本显示”（如上图第二个红圈标志所示）。

6、到了这一步，我们的困难就集中在如何写“滚动html代码”了，下面贴出两个范例，大家可以参照研究，添加自己的内容：

<MARQUEE onmouseover=this.stop() onmouseout=this.start() scrollAmount=1 scrollDelay=60 direction=up width=180 height=100> <DIV><FONT color=red><B><CENTER>本站公告</CENTER></B></FONT><BR> 此处替换为你自己的公告内容。 此处替换为你自己的公告内容。 此处替换为你自己的公告内容。 此处替换为你自己的公告内容。 </DIV> </MARQUEE>

<MARQUEE onmouseover=this.stop() onmouseout=this.start() scrollAmount=1 scrollDelay=60 direction=up width=180 height=100> <DIV> <CENTER> <a href="http://dlix.bokee.com" target="_blank">东篱下</a><br><br> <a href="http://dlix.bokee.com" target="_blank"><img src="http://dlix.bokee.com/inc/logo.gif" alt="东篱下" border="0"></a> </CENTER> </DIV> </MARQUEE>

注解：上面第一个框里的代码实现“滚动公告”，第二个框里的代码实现“滚动链接”，包括文字链接和logo链接。你可以把上面框里的代码拷贝下来，添加上自己的内容而应用。部分代码含义说明：

onmouseover=this.stop() onmouseout=this.start() ：设置为鼠标放到滚动文字或图片上时停止滚动，移走后继续滚动；direction=up：设置为向上滚动；width=180 height=100：设置滚动区域的宽度和高度，这个设置比较有用，不同的模板，可能要根据具体情况修改；代码中的“<br>”表示换行。其实这两块代码的不同部分，就是中间那一点，如果你对代码实在是不熟悉的话，可以把它当作模板，自己依照格式，添加中间的内容就可以。

说得这样详细，有的博友可能都要听烦了。快去试试吧，我想你应该能成功了，如果还是不行的话，你再和我联系！

【作者: 遥远】【访问统计:】【2005年12月11日 星期日 15:17】【 加入博采】【打印】