HTML与JavaScript页面轮播示例-优快云博客

<html>
<head>
<title></title>

<style>
#noteDiv
{
background-color:orange;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
border: 2px solid #FF0066;
height: 40px;
width: 200px;
line-height: 14px;
padding: 5px;
color: #FFFFFF;
font-weight: bold;
}
</style>
</head>
<body onLoad="play_rt()">

<SCRIPT LANGUAGE="JavaScript">
m = new Array()
m[0] = "这是一个个例子"
m[1] = "你喜欢吗？"
m[2] = "这个可以放在公告栏中使用的！"
m[3]="<a href='http://www.aerchi.com'>Aerchi </a>"
m[4]="痴人硕梦"
m[5] = "请多提意见！"
m[6] = "如有问题！欢迎留言！"
m[7] = "aerchi.com"

var i=0;

function play_rt()
{
noteDiv.style.filter="revealTrans(Duration=1.5,Transition=12)";
noteDiv.filters.revealTrans.apply(); //改变前一定要这一句！
noteDiv.innerHTML=m[i++]; //改变内容！
if(i>7){i=0} //如果显示到第六条信息就从头开始!
noteDiv.filters.revealTrans.play(); //播放效果了
timer = setTimeout("play_rt()",5000) //3秒后执行"play_rt()"函数
}
</SCRIPT>

<DIV id="noteDiv"> </DIV>

</body>
</html>

定时随机纹显示 公告栏

定时随机纹显示公告栏