-
滚动公告栏代码 - [博客大巴代码教程]
2008-05-02
滚动公告栏代码
<table><tr><td>
<!-- 博客技巧风云公告栏 -->
<div style=" font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;
font-size: 12px; ">
<div id="bulletinBoard" style="line-height:19px;overflow:hidden;height:19px"
onmouseout="changeID=setInterval('ChangeBulletin()', changeDelay)"
onmouseover="clearInterval(changeID)"></div>
<script>
var bulletinContent = new Array(); // 1
var bulletinIndex = 0; // 0
var changeDelay = 5000; // 2500
var scrollDelay = 20; // 20
var changeID; // 切换定时器
var scrollID; // 滚动定时器
var maxLines = 3; // 1// 初始化公告板
function InitBulletin()
{
// 公告内容,在这里用户可以写自己的公告内容,每一行为一个公告
bulletinContent[0] = "我们正在不懈努力";
bulletinContent[1] = "要做最好的博客";
bulletinContent[2] = "期待您的指点与支持";
bulletinContent[3] = www.9ok.net.ru;// 设置公告板初始化内容
bulletinBoard.innerHTML = bulletinContent[bulletinIndex % bulletinContent.length] + "<br />"
bulletinBoard.innerHTML += bulletinContent[(bulletinIndex + 1) % bulletinContent.length];
// 启动切换定时器
changeID = setInterval("ChangeBulletin()",changeDelay);
}// 切换公告内容
function ChangeBulletin()
{
// 更新公告板内容
bulletinBoard.innerHTML = bulletinContent[bulletinIndex] + "<br />";
bulletinBoard.innerHTML += bulletinContent[(bulletinIndex + 1) % bulletinContent.length]
bulletinIndex++;
bulletinIndex %= bulletinContent.length;
// 滚动公告板
bulletinBoard.scrollTop = 0;
clearInterval(scrollID);
scrollID = setInterval("ScrollBulletin()",scrollDelay);
}// 滚动公告
function ScrollBulletin()
{
bulletinBoard.scrollTop++;
if (bulletinBoard.scrollTop == 20)
{
clearInterval(scrollID);
}
}// 调用公告板初始化函数
InitBulletin();
</script>
</td></tr></table>随机文章:
滚动公告栏代码 公告栏向上滚动代码 超链接公告栏滚动代码 2008-05-10博客首页模块定位方法详解 2008-07-24打造blogbus个性动态鼠标特效代码 2008-05-25解决去掉Blogbus 广告后,字体变形bug 2008-05-10blogbus模板系列教程11---css样式代码深入学习3 2008-04-26
收藏到:Del.icio.us




















评论