提示:点击代码可以查看效果.<html><head><meta http-equiv=Content-Type content=text/html; charset=gb2312><title>免费
网络-网页特效-左右交叉合并导航效果</title></head><BODY onload=initiate()><script><!-- Beginning of JavaScript -// Edit your messages. You can add as many messages a you like.var message = new Array()message[0]=欢迎光临国内最大的新闻站点---新浪网!message[1]=欢迎光临国内最大的综合性站点---网易!message[2]=欢迎光临国内最大的搜索引擎站点---搜狐!message[3]=欢迎光临国内最大的游戏站点---第九城市! // The links of your messages. Be sure that you configure as many links as messages.// If dont want to link your messages write # instead of an URL (see last sample).var messageurl = new Array()messageurl[0]=http://../www.sina.com.cn/default.htmmessageurl[1]=http://../www.163.com/default.htmmessageurl[2]=http://../www.sohu.com/default.htmmessageurl[3]=http://../www.the9.com/default.htm var messagetarget=new Array()messagetarget[0]=_blankmessagetarget[1]=_blankmessagetarget[2]=_blankmessagetarget[3]=_blank// The width of your textbox (pixels).// Be sure that textwidth is slightly bigger than the width configured inside the stylesheetvar textwidth=260 // The height of your textbox (pixels)// Be sure that textheight is slightly bigger than the height configured inside the stylesheetvar textheight=75 // Final horizontal position of the textbox: distance to the left margin of the window (pixels)// IMPORTANT:// if you want to center the textbox in the middle of the browser-window then write -1.// If you want to place the textbox on an absolute position// then write the number (for instance 223).var x_finalpos=-1 // Final vertical position of the textbox: distance to the top margin of the windowvar y_finalpos=20 // Total number of textslicesvar textslices=10 // Standstill of textbox (seconds)var pausetext=5 // Speed of horizontal glidingvar step=10var pause=40 // Do not edit the variables below this linevar x_rightspans=0var x_leftspans=0var marginrightvar marginleftvar height_slice=Math.floor(textheight/textslices)var cliptop=0var clipbottom=cliptop+height_slicevar clipleft=0var clipright=textwidthvar spannummer=0var spannrbefore=0var i_message=0pausetext=pausetext*1000 function initiate() {if (document.all) {if (x_finalpos==-1) {x_finalpos=Math.floor(document.body.clientWidth/2)-Math.floor(textwidth/2)}changemessage()}} function changemessage() {for (i=0;i<=textslices-1;i++) {var thisspan=eval(span+i)thisspan.innerHTML=<a href=+messageurl[i_message]+ target=blank>+message[i_message]+</a>}gostartposition()} function gostartposition() {for (i=0;i<=textslices-1;i+=2) {var thisspan=eval(document.all.span+i+.style)thisspan.posLeft=marginright}for (i=1;i<=textslices-1;i+=2) {var thisspan=eval(document.all.span+i+.style)thisspan.posLeft=marginleft}moveslices_IE()} function moveslices_IE() {if (x_rightspans==0 || x_leftspans==0) {if (x_rightspans==0) {for (i=0;i<=textslices-1;i+=2) {var thisspan=eval(document.all.span+i+.style)thisspan.posLeft-=step}if (thisspan.posLeft<=x_finalpos) {x_rightspans=1for (i=0;i<=textslices-1;i+=2) {var thisspan=eval(document.all.span+i+.style)thisspan.posLeft=x_finalpos}}}if (x_leftspans==0) {for (i=1;i<=textslices-1;i+=2) {var thisspan=eval(document.all.span+i+.style)thisspan.posLeft+=step}if (thisspan.posLeft>=x_finalpos) {x_leftspans=1for (i=1;i<=textslices-1;i+=2) {var thisspan=eval(document.all.span+i+.style)thisspan.posLeft=x_finalpos}}}var timer=setTimeout(moveslices_IE(),pause)}else {clearTimeout(timer)x_rightspans=0x_leftspans=0i_message++if (i_message > message.length-1) {i_message=0}var timer=setTimeout(changemessage(),pausetext)}} // - End of JavaScript - --></script><style>A {color : red;text-decoration : none}A:hover {color : white;text-decoration : none}.textbox {font-size : 18;font-family : Verdana;font-style : normal;color : red;border-width : 4;text-align : center;background-color : blue;border-style : solid;padding : 5;height : 65;width : 250;overflow : clip;font-weight : bold;}</style><script><!-- Beginning of JavaScript -// Do not edit this script-blockif (document.all) {for (i=0;i<=textslices-1;i+=2) {marginright=document.body.clientWidth+50document.write(<span class=textbox id=span+i+ style=position:absolute;visibility:visible; left:+marginright+px;top:+y_finalpos+px;clip:rect(+cliptop+px +clipright+px +clipbottom+px +clipleft+px)>)document.write(</span>)cliptop+=2*height_sliceclipbottom+=2*height_slice}cliptop=height_sliceclipbottom=2*height_slicefor (i=1;i<=textslices-1;i+=2) {marginleft=-textwidth-50document.write(<span class=textbox id=span+i+ style=position:absolute;visibility:visible; left:+marginleft+px;top:+y_finalpos+px;clip:rect(+cliptop+px +clipright+px +clipbottom+px +clipleft+px)>)document.write(</span>)cliptop+=2*height_sliceclipbottom+=2*height_slice}}// - End of JavaScript - --></script><div style=position: absolute; top: -25; left: 9; width: 717; height: 19></div></body></html>