变化的文字导航条

下面为效果显示

脚本说明:
把如下代码加入<body>区域中
<style>

</style>
<script language="javascript">

var msgs = new Array(
     "欢迎光临新浪网",
     "网易娱乐中心",
     "搜狐短信中心",
     "央视国际网站" ); // No comma after last ticker msg

var msg_url = new Array(
     "http://www.sina.com",
     "http://www.163.com",
     "http://www.sohu.com",
     "http://www.cctv.com" ); // No comma after last ticker url

// For New Window, "1" 
 var target_url = new Array(
     "0",
     "0",
     "0",
     "1" );
     
var barwidth=350 //Enter main bar width in px or %
var setdelay=2000 //Enter delay between msgs, in mili-seconds
var mouseover_color='#B5D0FF' //Specify highlight color
var mouseout_color='#FFFFFF' //Specify default color

//---------------------------------------------------------------------------------

/////////////////////////////////////////////////////////////////////

var count=0;
var ns6=document.getElementById&&!document.all
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1

if (ie4||ns6){
document.write('<form name="news_bar"><input type="button" value="3" onclick="moveit(0)" class="scrollerstyle" style="width:22; height:22; border-right-width:0px;" name="prev" title="Previous News"><input type="button" name="news_bar_but" onclick="goURL();" style="color:#000000;background:' + mouseout_color + '; width:'+barwidth+'; height:22; border-width:1; border-color:#000000; cursor:hand" onmouseover="this.style.background=mouseover_color" onmouseout="this.style.background=mouseout_color"><input type="button" value="4" onclick="moveit(1)" class="scrollerstyle" style="width:22; height:22; border-left-width:0px;" name="next" title="Next News"></form>');
}
else{
document.write('<form name="news_bar"><input type="button" value="Previous" onclick="moveit(0)">')
if (navigator.userAgent.indexOf("Opera")!=-1)
document.write('<input type="button" name="news_bar_but" onclick="goURL();" style="width:'+barwidth+'" border="0">')
else
document.write('<input type="button" name="news_bar_but" onclick="goURL();" width="'+barwidth+'" border="0">')
document.write('<input type="button" value="Next" onclick="moveit(1)"></form>')
}

function init_news_bar(){
  document.news_bar.news_bar_but.value=msgs[count];
}
//moveit function by Dynamicdrive.com
function moveit(how){
if (how==1){ //cycle foward
if (count<msgs.length-1)
count++
else
count=0
}
else{ //cycle backward
if (count==0)
count=msgs.length-1
else
count--
}
document.news_bar.news_bar_but.value=msgs[count];
}

function tick_bar(){
setInterval("moveit(1)",setdelay)
}

function goURL(){
 if(target_url[count]=="0")
 {
  location.href=msg_url[count];
 }
 else
 {
  window.open(msg_url[count]);
 }
}

//--------------------------------------Ticker Effect----------------------------------

tick_bar(); // delete this line if you don't want messages to tick

//-------------------------------------------------------------------------------------

init_news_bar();

</script>