有点类似于上两例的导航窗

作者：佚名来源：不详发布时间：2006/10/29 发布人：admin

要完成此效果需要两个步骤

第一步：把如下代码加入到<body>区域中

<Script>
<-- 
var message = new Array()
message[0]="顺新商务娱乐网"
message[1]="这是是JavaScript"
message[2]="大量的javascript特效脚本"
message[3]="提供给您"

var messageurl = new Array()
messageurl[0]="http://www.9966ok.com"
messageurl[1]=""
messageurl[2]=""
messageurl[3]=""

var target_url="_blank"
    
var textwidth=280
var textheight=100
var borderwidth=2

var font_size=4
var font_face="宋体"
var font_color="green"
var bg_ticker="lightblue"

var x_finalpos=10
var y_finalpos=10

var x_slices=12

var pause=2000

var I_loop=0
var I_message=0
var width_slice=Math.ceil(textwidth/x_slices)
var cliptop=0
var clipbottom=textheight
var I_clipright=1
var content=""

function initiate() {
    content+="<table border="+borderwidth+" cellpadding='3' width="+textwidth+"

height="+textheight+">"
    content+="<tr><td bgcolor="+bg_ticker+" align='center'>"
    content+="<a href="+messageurl[I_message]+" target="+target_url+">"
    content+="<font face="+font_face+" size="+font_size+" color="+font_color+">"
    content+=message[I_message]
    content+="</font></a></td></tr></table>"
    if (document.all) {
        for (I=0;I<=x_slices;I++) {
            var thisinners=eval("s"+I)
            thisinners.innerHTML=content
            var thiss=eval("document.all.s"+I+".style")
            thiss.posLeft=x_finalpos
            thiss.posTop=y_finalpos
        }
        I_message++
        openlamellar()
    }
    if (document.layers) {
        for (I=0;I<=x_slices;I++) {
            var thisinners=eval("document.s"+I+".document")
            thisinners.write(content)
            thisinners.close()
            var thiss=eval("document.s"+I)
            thiss.left=x_finalpos
            thiss.top=y_finalpos
        }
        I_message++
        openlamellarNN()
    }
}

function openlamellar() {
    clipleft=-width_slice
    clipright=0
    if (I_clipright<=width_slice) {
        for (I=0;I<=x_slices;I++) {
            var thiss=eval("document.all.s"+I+".style")
            thiss.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
            clipleft+=width_slice
            clipright=clipleft+I_clipright
        }
    I_clipright++
    var timer=setTimeout("openlamellar()",20)
   }
       else {
        clearTimeout(timer)
        var timer=setTimeout("closelamellar()",2000)
    }
}

function openlamellarNN() {
    clipleft=-width_slice
    clipright=0
    if (I_clipright<=width_slice) {
        for (I=0;I<=x_slices;I++) {
            var thiss=eval("document.s"+I)
            thiss.clip.left=clipleft
            thiss.clip.right=clipright
            thiss.clip.top=cliptop
            thiss.clip.bottom=clipbottom
            clipleft+=width_slice
            clipright=clipleft+I_clipright
        }
    I_clipright++
    var timer=setTimeout("openlamellarNN()",20)
   }
       else {
        clearTimeout(timer)
        var timer=setTimeout("closelamellarNN()",2000)
    }
}

function closelamellar() {
    clipleft=-width_slice
    clipright=0
    if (I_clipright>=0) {
        for (I=0;I<=x_slices;I++) {
            var thiss=eval("document.all.s"+I+".style")
            thiss.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
            clipleft+=width_slice
            clipright=clipleft+I_clipright
        }
    I_clipright--
    var timer=setTimeout("closelamellar()",20)
    
   }
       else {
        clearTimeout(timer)
        var timer=setTimeout("changeimage()",2000)
    }
}

function closelamellarNN() {
    clipleft=-width_slice
    clipright=0
    if (I_clipright>=0) {
        for (I=0;I<=x_slices;I++) {
               var thiss=eval("document.s"+I)
            thiss.clip.left=clipleft
            thiss.clip.right=clipright
            thiss.clip.top=cliptop
            thiss.clip.bottom=clipbottom
            clipleft+=width_slice
            clipright=clipleft+I_clipright
        }
    I_clipright--
    var timer=setTimeout("closelamellarNN()",20)
    
   }
       else {
        clearTimeout(timer)
        var timer=setTimeout("changeimageNN()",2000)
    }
}

function changeimage() {
    content=""
    if (I_message>message.length-1) {I_message=0}
    content+="<table border="+borderwidth+" cellpadding='3' width="+textwidth+"

height="+textheight+">"
    content+="<tr><td bgcolor="+bg_ticker+" align='center'>"
    content+="<a href="+message[I_message]+" target="+target_url+">"
    content+="<font face="+font_face+" size="+font_size+" color="+font_color+">"
    content+=message[I_message]
    content+="</font></a></td></tr></table>"
    for (I=0;I<=x_slices-1;I++) {
        var thisinners=eval("s"+I)
        thisinners.innerHTML=content   
    }
    I_message++
    openlamellar()
}

function changeimageNN() {
    content=""
    if (I_message>message.length-1) {I_message=0}
    content+="<table border="+borderwidth+" cellpadding='3' width="+textwidth+"

height="+textheight+">"
    content+="<tr><td bgcolor="+bg_ticker+" align='center'>"
    content+="<a href="+message[I_message]+" target="+target_url+">"
    content+="<font face="+font_face+" size="+font_size+" color="+font_color+">"
    content+=message[I_message]
    content+="</font></a></td></tr></table>"
    for (I=0;I<=x_slices-1;I++) {
        var thisinners=eval("document.s"+I+".document")
        thisinners.write(content)
        thisinners.close()
    }
    I_message++
    openlamellarNN()
}

//  -->
</Script>
<style>
.s {
    position:absolute;
    left:-5000px;
    topt:-5000px;
}
A {
    text-decoration:none;
}

</style>
<Script>
<-- 
    for (I=0;I<=x_slices;I++) {
        document.write("<span id='s"+I+"' class='s'></span>")
    }
//  -->
</Script>

第二步：把“onLoad="initiate()"”加在<body>标记里
例如：<body onLoad="initiate()">

特别说明：如网页特效代码中有引用图片文件等，请自己下载到本地调试！

[] [返回] [打印] [收藏] [评论]

上一篇代码：相当酷的导航窗哟

下一篇代码：又一个漂亮的导航窗

有点类似于上两例的导航窗

精品推荐

代码分类

阅读排行

相关代码