57、变化的文字导航条

57、变化的文字导航条

脚本说明:

把如下代码加入<body>区域中

<style>

<!--

.scrollerstyle{

font-family:webdings;background:#FFFFFF;border:1px solid #000000;cursor:hand;

}

-->

</style>

<script language="javascript">

 

 var msgs = new Array(

     "欢迎光临网页特效代码",

     "精彩网页特效代码分享",

     "精彩网页制作",

     "音乐电台代码" ); // No comma after last ticker msg

 

 var msg_url = new Array(

     "http://www.7stk.com",

     "http://www.7stk.com",

     "http://www.7stk.com/fine",

     "http://www.7stk.com/radio" ); // 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>

 

Write a comment

Comments: 0